.about-wrap.codeless-status .updated,.about-wrap.codeless-status .error{margin-top:10px}.about-wrap.codeless-status .updated.codeless-message{display:block !important}.about-wrap.codeless-status .codeless-message{position:relative;border-left-color:#00A2E3 !important;overflow:hidden}.about-wrap.codeless-status .codeless-message a.skip,.about-wrap.codeless-status .codeless-message a.docs{opacity:0.5;text-decoration:none !important}.about-wrap.codeless-status #debug-report{display:none;margin:10px 0;padding:0;position:relative}.about-wrap.codeless-status #debug-report textarea{font-family:monospace;width:100%;margin:0;height:300px;padding:20px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;resize:none;font-size:12px;line-height:20px;outline:0}.about-wrap.codeless-status table.codeless_status_table{margin-bottom:1em}.about-wrap.codeless-status table.codeless_status_table tr:nth-child(2n) th,.about-wrap.codeless-status table.codeless_status_table tr:nth-child(2n) td{background:#fcfcfc}.about-wrap.codeless-status table.codeless_status_table th{font-weight:700;padding:9px}.about-wrap.codeless-status table.codeless_status_table td:first-child{width:33%}.about-wrap.codeless-status table.codeless_status_table td.help{width:1em}.about-wrap.codeless-status table.codeless_status_table td{padding:9px}.about-wrap.codeless-status table.codeless_status_table td mark{background:transparent none}.about-wrap.codeless-status table.codeless_status_table td mark.yes{color:#7ad03a}.about-wrap.codeless-status table.codeless_status_table td mark.no{color:#999}.about-wrap.codeless-status table.codeless_status_table td mark.error{color:#a00}.about-wrap.codeless-status table.codeless_status_table td ul{margin:0}.about-wrap.codeless-status table.codeless_status_table .codeless-hint-qtip{cursor:help}.about-wrap #footer-upgrade{display:none}
.about-wrap .codeless-badge{
	position: relative;
    top: 0;
    background: #00A2E3;
    padding: 51px;
    color: #efefef;
    margin: -57px 0 0 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    float: right;}
.about-wrap .codeless-badge:before{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:80px;font-weight:normal;width:165px;height:165px;line-height:165px;text-align:center;position:absolute;top:0;margin:0;vertical-align:middle}.about-wrap .codeless-badge .el{background:#00A2E3;display:block !important;font-size:8em;color:#fff;margin-bottom:30px}.about-wrap .codeless-badge span{font-weight:600;font-size:14px;text-align:center;position:absolute;bottom:0;background:rgba(50,50,49,0.47);left:0;right:0;padding:8px}.about-wrap .codeless-feature{overflow:visible !important;*zoom:1}.about-wrap .codeless-feature:before,.about-wrap .codeless-feature:after{content:" ";display:table}.about-wrap .codeless-feature:after{clear:both}.about-wrap h3+.codeless-feature{margin-top:0}.about-wrap .feature-rest div{width:50% !important;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 !important}.about-wrap .feature-rest div.icon:before{font-weight:normal;width:100%;font-size:170px;line-height:125px;color:#9c5d90;display:inline-block;position:relative;text-align:center;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.about-wrap div.icon{width:0 !important;padding:0;margin:20px 0 !important}.about-wrap .about-integrations{background:#fff;margin:20px 0;padding:1px 20px 10px}.about-wrap .changelog h2{line-height:1.4;padding-bottom:0}.about-wrap .changelog .feature-section{padding-top:1.4em}.about-wrap .changelog .prettyprint{overflow-wrap:break-word}.about-wrap .changelog .gist-it-gist .gist-file{border:0 !important;background:0 !important}.about-wrap .changelog .gist-it-gist .gist-file .gist-data{border:0 !important;background:0 !important}.about-wrap .changelog .gist-it-gist .gist-file .gist-data pre{padding-top:10px !important;word-break:break-word}.about-wrap .theme-screenshot{color:#eee;transition:all 0.5s}.about-wrap .theme-screenshot:hover{color:#fff}.about-wrap .theme-screenshot i{text-align:center;display:block;margin:10px;font-size:90px;line-height:200px;transition:all 0.5s ease}.about-wrap .theme-browser .theme{transition:all 0.5s}.about-wrap .theme-browser .theme:hover .theme-screenshot i{transition:all 0.5s;font-size:120px}.about-wrap .theme-browser .theme .theme-screenshot:after{content:inherit;display:inherit;padding-top:inherit}.about-wrap .theme-screenshot figure{position:relative;overflow:hidden;cursor:pointer;margin:0}.about-wrap .theme-screenshot figure i{position:relative;display:block;font-size:11em;opacity:0.8}.about-wrap .theme-screenshot figure figcaption{padding:15px;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.about-wrap .theme-screenshot figure figcaption:before,.about-wrap .theme-screenshot figure figcaption:after{pointer-events:none}.about-wrap .theme-screenshot figure figcaption,.about-wrap .theme-screenshot figure figcaption>a{position:absolute;top:0;left:0;right:0;bottom:0}.about-wrap .theme-screenshot figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.about-wrap .theme-screenshot figure p{margin:0;letter-spacing:1px;font-size:68.5%}.about-wrap .theme-screenshot figure i{opacity:0.7;-webkit-transition:opacity 0.35s;transition:opacity 0.35s}.about-wrap .theme:hover figcaption::before,.about-wrap .theme:hover figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.about-wrap .theme:hover i{opacity:0.3}.about-wrap .theme:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);text-shadow:2px 2px 1px rgba(0,0,0,0.3)}.about-wrap figure figcaption::before,.about-wrap figure figcaption::after{position:absolute;top:15px;right:15px;bottom:15px;left:15px;content:'';opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s}.about-wrap figure figcaption::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0, 1);transform:scale(0, 1)}.about-wrap figure figcaption::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1, 0);transform:scale(1, 0)}.about-wrap figure p{padding:10px;text-transform:none;opacity:0;margin-top:0 !important;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}.codeless-message .twitter-share-button,p.codeless-actions .twitter-share-button{margin-top:-3px;margin-left:3px;vertical-align:middle}.codeless-message a.donate,.codeless-message a.review-us,p.codeless-actions a.donate,p.codeless-actions a.review-us{opacity:.5;text-decoration:none !important}#codeless-message{margin-top:15px !important;display:block !important;margin:5px 0 15px;border-color:#00A2E3}#codeless-message h4{margin-top:.5em}@media only screen and (min-width: 2000px){#wpwrap .theme-browser .theme:nth-child(4n),#wpwrap .theme-browser .theme:nth-child(5n){margin-right:3%}}@media screen and (max-width: 500px){.about-wrap h2 .nav-tab{width:100%;margin:0;padding:0;height:40px;line-height:40px;text-align:center;margin-bottom:10px;margin-top:10px}.about-wrap h2.nav-tab-wrapper{padding:0;width:100%}}@media only screen and (max-width: 1120px){.theme-browser .theme:nth-child(odd){margin-right:5% !important}.theme-browser .theme{width:47.5% !important;margin-right:auto !important}}@media screen and (max-width: 620px){.theme-browser .theme{width:100% !important;margin-right:0}}#support_div input.hash{text-align:center}#support_div .hide{display:none}#support_div .previous{opacity:.8}#support_div #supportform{margin-top:10px;text-align:center;position:relative}#support_div #supportform fieldset{background:white;border:0 none;border-radius:3px;box-shadow:0 0 15px 1px rgba(0,0,0,0.4);padding:20px 30px;box-sizing:border-box;width:86%;margin:0 7%;position:absolute}#support_div #supportform fieldset:not(:first-of-type){display:none}#support_div #supportform input,#support_div #supportform textarea{padding:15px;border:1px solid #ccc;border-radius:3px;margin-bottom:10px;width:100%;box-sizing:border-box;font-family:montserrat;color:#2C3E50;font-size:13px}#support_div #supportform input.checkbox{width:initial;margin-top:10px}#support_div #supportform .action-button{width:100px;background:#27AE60;font-weight:bold;color:white;border:0 none;border-radius:1px;cursor:pointer;padding:10px 5px;margin:10px 5px}#support_div #supportform .action-button:disabled{opacity:.5}#support_div #supportform .action-button:hover,#support_div #supportform .action-button:focus{box-shadow:0 0 0 2px white, 0 0 0 3px #27AE60}#support_div #supportform .fs-title{font-size:15px;text-transform:uppercase;color:#2C3E50;margin-bottom:10px}#support_div #supportform .fs-subtitle{font-weight:normal;font-size:13px;text-align:left;color:#666;margin-bottom:20px}#support_div #supportform #toDebug li{text-align:left;width:45%;float:left}#support_div #supportform #user_type{width:100%}#support_div #supportform #user_type td{cursor:pointer;width:50%}#support_div #supportform #user_type td i{font-size:130px;margin-bottom:10px}#support_div #supportform #user_type td:hover i{color:#176C8E}#support_div #supportform #user_type td small{line-height:2.5em;font-style:italic}#support_div #supportform #support_hash{text-align:center;word-break:break-all}#support_div .breadcrumb{display:inline-block;box-shadow:0 0 10px 1px rgba(0,0,0,0.35);overflow:hidden;border-radius:5px;margin:15px 0;counter-reset:flag}#support_div .breadcrumb li{text-decoration:none;outline:none;display:block;float:left;font-size:12px;transition:all 0.5s;width:auto;margin:0;line-height:36px;color:white;padding:0 10px 0 60px;background:#666;position:relative}#support_div .breadcrumb li:first-child{padding-left:46px;border-radius:5px 0 0 5px}#support_div .breadcrumb li:first-child:before{left:14px}#support_div .breadcrumb li:last-child{border-radius:0 5px 5px 0;padding-right:20px}#support_div .breadcrumb li:last-child:after{content:none}#support_div .breadcrumb li.active{background:#333}#support_div .breadcrumb li.active:after{background:#333}#support_div .breadcrumb li.active:before{background:#555}#support_div .breadcrumb li:after{content:'';position:absolute;top:0;right:-18px;width:36px;height:36px;transform:scale(0.707) rotate(45deg);z-index:1;background:#666;box-shadow:2px -2px 0 2px rgba(0,0,0,0.4),3px -3px 0 2px rgba(255,255,255,0.1);border-radius:0 5px 0 50px;transition:all 0.5s}#support_div .breadcrumb li:before{transition:all 0.5s;content:counter(flag);counter-increment:flag;border-radius:100%;width:20px;height:20px;line-height:20px;margin:8px 0;position:absolute;top:0;left:30px;background:#444;font-weight:bold}
.about-wrap.codeless-status .updated, .about-wrap.codeless-status .error{display: block !important;}
.annon{ border: 1px solid #ddd; padding: 20px; box-shadow: 8px 2px 1px 1px #f3f0f0; margin-top:20px;}
.about-wrap .feature-section p{margin-left:0px;}
.about-wrap .about-integrations{border:1px solid #ddd;}
.nav-tab-active, .nav-tab-active:focus, .nav-tab-active:focus:active, .nav-tab-active:hover{    
	border-bottom: 1px solid #f1f1f1;
    background: #ffffff;
    color: #0085ba;}


.cl-page{
    max-width:910px;
}
.cl-row{
    width:100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.cl-row .cl-box{
    width:100%;
    padding:10px;
}
.cl-row .cl-box .wrapper{

}
.cl-row .cl-box .inner-wrapper{
    padding:20px;
}
.cl-row .cl-box .wrapper h2.box-title{
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    padding-bottom:10px;
    margin-bottom:0;
    padding-left:20px;
    background:#fff;
    margin-top: 0;
    padding-top: 10px;
}
.cl-row .cl-box .wrapper .with-pad{
    padding:20px;
} 
.cl-row .cl-box .list-item{
    max-width:260px;
    padding:10px 0;
}
.cl-row .cl-box .list-item a{
    text-decoration: none;
    font-size:14px;
}
.cl-row .cl-box .list-item h4{
    margin:0;
}
.cl-row .cl-box .list-item p{
    margin-top:10px;
    margin-bottom:0;
}
#register h2{
    text-align:center;
    margin-top:0px;
    font-size:36px;
    margin-bottom:10px;
}

#register .description{
    text-align:center;
    padding:10px 120px;
    font-size: 16px;
    line-height: 28px;
}

#register .form{
    width:100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

#register .form p{
    width:100%;
    margin:0;
    margin-top:40px;
}

#register .form p input{
    width:100%;
    height:50px;
    border-left:none;
    border-right:none;
    border-bottom:none;
    border-top:1px solid #ebebeb;
}
#register .form p input:focus{
    border:none;
    outline:none;

}
#register .wrapper{
    text-align:center;
}
#register img{
    width:460px;
}

#register img.success{
    width:240px;
    margin-bottom:10px;
}

#register .description.success{
    margin-bottom:30px;
}

#setup-wizard .wrapper{
    background:#fff url('../img/theme-setup.png') no-repeat center bottom;
}

.cp-announcement-date{
    color:#999;
}

#updates .inner-wrapper{
    text-align:center;
}

#updates .inner-wrapper h2{
    text-align:center;
    margin-top:0px;
    font-size:36px;
    margin-bottom:10px;
}

#updates .description{
    text-align:center;
    padding:10px 12px;
    font-size: 16px;
    line-height: 28px;
}


#support .wrapper{
    background:#fff url('../img/support.png') no-repeat center bottom;
}

.demos{
    width:100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.demos .demo{
    width:33%;
    padding:10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.headers .demo{
    width:100%;
}
.footers .demo .inner{
    max-height:none !important; 
}
.demos .demo img{
    max-width:100%;
}
.demos .demo .inner{
    position:relative;
    max-height:201.8px;
    box-shadow:1px 4px 42px rgba(0,0,0,0.1)
}
.demos .demo .inner a{
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 9;
}
.demos .demo .inner a img{
    height:100%;
}
.demos .preview{
    text-align: center;
    width: 100%;
    float: left;
    text-decoration: none;
    margin-top: 5px;
}
.demos .demo .inner .overlay{
    background:rgba(0,0,0,0.85);
    color:#fff;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    opacity:0;
    z-index:;
    transition:all 0.4s;
    text-align:center;
    line-height:60px;
    font-weight:600;
    font-size:16px;
    text-transform: uppercase
}

.demos .demo .inner:hover .overlay{
    opacity:1;
}

.cl-modal{
    z-index:999999;
    position:fixed;
    background:rgba(0,0,0,0.9);
    text-align:center;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    display:none;
    visibility:hidden;
    color:#fff;
}

.cl-modal.active{
    visibility: visible;
    display:block;
    opacity:1;
}

.cl-modal .wrapper{
    display:table;
    width:100%;
    height:100%;
}

.cl-modal .wrapper .inner{
    display:table-cell;
    vertical-align: middle;
}

.cl-modal .progress-complete, .cl-modal .progress-fail{
    display:none; 
    opacity:1;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.cl-modal .progress-bar-outer{
    width:400px;
    height:30px;
    background:#333;
    position:relative;
    margin:0 auto;
}

.cl-modal .progress-bar-inner{
    background:#0085ba;
    position:absolute;
    left:0;
    height:100%;
    top:0;
}

.cl-modal .in-progress{
    margin-top:40px;
}

.cl-modal .in-progress span{
    width: 100%;
    display: block;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
    opacity: 0.4;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.cl-modal .in-progress span.in_progress{
    opacity:1;
}

.cl-modal .in-progress span.in_progress:after{
    content: "IN PROGRESS";
    color: #6bbb21;
    font-weight: bold;
    font-size: 8px;
    position: absolute;
    padding-left: 20px;
    padding-top: 2px;
}

.cl-modal .in-progress span.complete{
    color: #0085ba;
    opacity:0.5;
}

.cl-modal .in-progress span.complete:after{
    content: "COMPLETE";
    color: #0085ba;
    font-weight: bold;
    font-size: 8px;
    position: absolute;
    padding-left: 20px;
    padding-top: 2px;
}
.cl-modal .progress{
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.cl-modal .progress.hide{
    opacity:0;
}

.cl-modal .progress-fail.show{
    opacity:1;
    display:block;
}
.cl-modal .progress-fail{

}
.cl-modal .progress-fail-title{
    font-size:36px;
    margin-bottom:15px;
}

.cl-modal .progress-fail .desc{
    font-size:16px;
}

.cl-modal .progress-complete.show{
    opacity:1;
    display:block;
}
.cl-modal .progress-complete{

}

.cl-modal .progress-complete-icon{
    font-size: 100px;
    width: 100%;
    height: 100px;
    color: #fff;
    line-height: 120px;
    margin-bottom: 15px;
}

.cl-modal .progress-complete-title{
    font-size:36px;
    margin-bottom:15px;
}

.cl-modal .progress-complete .desc{
    font-size:16px;
}