.flexCenter{display:flex;align-items:center;justify-content:center}.transparentPattern{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}*{margin:0;padding:0;box-sizing:border-box;border:none}.flexCenter{display:flex;align-items:center;justify-content:center}.transparentPattern{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}body .ant-modal-content{border-radius:10px;overflow:hidden}body .ant-menu-horizontal>.ant-menu-item,body .ant-menu-horizontal>.ant-menu-submenu{border-bottom-color:#fff}body .darkAntModal .ant-modal-close-x .anticon{color:#fff}body .darkAntModal .ant-progress-circle-trail{opacity:.1}body .darkAntModal .ant-progress-text{color:#fff}body .darkAntModal.ant-modal h1,body .darkAntModal.ant-modal h2,body .darkAntModal.ant-modal h3,body .darkAntModal.ant-modal h4,body .darkAntModal.ant-modal p,body .darkAntModal.ant-modal label,body .darkAntModal.ant-modal small,body .darkAntModal.ant-modal .ant-btn,body .darkAntModal.ant-modal .ant-modal-title{color:#fff}body .darkAntModal.ant-modal .ant-input-number{background-color:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2);border-width:2px}body .darkAntModal.ant-modal .ant-input-number input{color:#fff}body .darkAntModal.ant-modal .ant-modal-content{background:#464f5a;border-radius:10px;overflow:hidden}body .darkAntModal.ant-modal .ant-modal-header{background:#464f5a;border-bottom:none}body .darkAntModal.ant-modal .ant-modal-body{background:#333f4b}body .darkAntModal.ant-modal .ant-modal-footer{border-top:none}body a:hover{color:inherit}body .ant-spin-nested-loading>div>.ant-spin{max-height:none}body div.ant-typography-edit-content{left:0}body .ant-btn-primary,body .ant-btn-primary:hover,body .ant-btn-primary:active,body .ant-btn-primary:focus{color:#fff!important;background:linear-gradient(49deg,#6fc313,#a6e22b);border:none;text-shadow:0 1px 3px rgba(0,0,0,.4)}body .ant-btn:not(.ant-input-search-button){border:none!important;color:#464f5a;font-weight:bolder;letter-spacing:.6px}body .ant-btn:not(.ant-input-search-button).community{color:#fff;background:linear-gradient(-135deg,#5f72bd,#9b23ea)}body .ant-btn:not(.ant-input-search-button).grey{background:#464f5a12}.modified-menu .ant-menu-item{border-bottom:2px solid transparent!important}body,html{min-height:100%;min-width:100%;color:#5c6877;font-family:nunito sans;font-size:14px}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}.page{background:#fff}.page section{position:relative}.page h4{font-family:nunito sans;text-transform:uppercase;font-weight:900}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.bg-primary{background-color:#7ed321}.bg-secondary{background-color:#333f4b}.bg-lightgray{background-color:#eee}@media(min-width:990px){.ant-layout-sider{min-width:300px!important}}.ant-layout-sider::-webkit-scrollbar{display:none}body div[id^=font-picker]{width:100%;box-shadow:none}body div[id^=font-picker] .dropdown-icon{opacity:.2}body div[id^=font-picker] .dropdown-button{background-color:#fff;transition:all .3s;border-radius:4px;border:2px solid rgba(0,0,0,.1)}body div[id^=font-picker] .dropdown-button:hover,body div[id^=font-picker] .dropdown-button:active{background:#f2f2f2!important}body div[id^=font-picker] .font-list{z-index:99;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1)}@media screen and (max-width:990px){.hideMobile{display:none}}p{font-size:16px;line-height:1.7}.primaryFont{font-family:capriola}.header__flexCenter,.header__logo{display:flex;align-items:center;justify-content:center}.header__transparentPattern{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.header__transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.header__header{padding:0;border-bottom:2px inset rgba(0,0,0,.05);height:auto;background:#fff;z-index:100;position:relative}@media screen and (max-width:990px){.header__header{background:linear-gradient(49deg,#6fc313,#a6e22b)}}.header__logo{background:linear-gradient(49deg,#6fc313,#a6e22b);width:25vw;min-width:300px;height:100%;border-radius:0;transition:all .3s;position:relative;text-decoration:none}@media screen and (max-width:990px){.header__logo{background:0 0}}.header__logoSquare{border-radius:0 100px 100px 0!important}.header__logoH2,.header__mobileHeader span{font-family:aclonica;color:#fff;margin:0;line-height:1;letter-spacing:1px;font-size:32px;text-shadow:0 2px 3px rgba(0,0,0,.3)}@media screen and (max-width:990px){.header__logoH2 span,.header__mobileHeader span span{display:none}}.header__a{text-transform:uppercase;letter-spacing:.6px;font-weight:600;opacity:1;color:#464f5a!important;line-height:1}@media screen and (min-width:990px){.header__a{padding:10px}}.header__submenu{position:absolute;z-index:2;left:0;top:100%;width:100%;padding:30px;border-top:2px inset rgba(0,0,0,.05);background:#fff;text-align:left;transform:translateY(-100%);display:none}@media screen and (max-width:1025px){.header__submenu{display:none}}.header__submenu a{font-size:14px;text-transform:capitalize;display:block;line-height:1.1;margin:0 0;padding:3px;color:rgba(70,79,90,.6);text-shadow:none}.header__showSubMenu{display:block!important;transform:translateY(0%)!important;box-shadow:0 30px 100px rgba(70,79,90,.2)}.header__hideSubMenu{transform:translateY(-100%);box-shadow:none}.header__navTop{font-size:18px;font-weight:700;color:#464f5a}.header__userDropDown{background:#000;border-radius:5px}.header__userDropDown *{color:#fff;vertical-align:middle}.header__userDropDown .ant-dropdown-menu-item:hover{background:rgba(255,255,255,.2)}.header__userDropDown .ant-dropdown-menu-item>a{display:flex;justify-content:flex-start;align-items:center;color:#fff;line-height:0;padding:10px 25px;vertical-align:middle}.header__userDropDown .ant-dropdown-menu-item>a svg{vertical-align:middle;margin-right:7px}.header__userDropDown svg{width:20px;height:15px}.header__searchbar{margin-bottom:auto;margin-top:auto;height:40px;border:1px solid #d9d9d9;border-radius:30px;padding:0;display:inline-block;margin-right:20px;vertical-align:middle}.header__searchbar:hover input{padding:0 15px;width:400px}.header__searchbar input{display:inline-block;vertical-align:top;border:0;padding:0;outline:0;background:0 0;width:0;max-width:200px;line-height:40px;transition:all .3s linear}.header__searchbar>span{vertical-align:top;height:40px;width:40px;padding:8px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;color:#464f5a;text-decoration:none}.header__searchbar svg{width:100%;height:100%}@media screen and (max-width:990px){.header__hideMobile{display:none}}.header__mobileHeader{position:relative;overflow-x:hidden;display:none;justify-content:space-between;align-items:center;background:linear-gradient(49deg,#6fc313,#a6e22b);padding:15px 30px}@media screen and (max-width:990px){.header__mobileHeader{display:flex}}.header__mobileHeader svg{filter:drop-shadow(0 3px 3px rgba(0,0,0,0.2))}.header__mobileMenu{align-items:center;height:100%;display:flex;justify-content:center}.footer__flexCenter{display:flex;align-items:center;justify-content:center}.footer__transparentPattern{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.footer__transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.footer__mockuper-footer{background:#fff;border-top:2px inset rgba(0,0,0,.05);padding:30px 0 0 0}@media screen and (max-width:1025px){.footer__mockuper-footer{padding:30px}}.footer__mockuper-footer h2{color:#7ed321;font-family:Aclonica}.footer__mockuper-footer h4{font-weight:bolder;text-transform:uppercase;color:#5c7288;margin-bottom:10px}@media screen and (max-width:990px){.footer__mockuper-footer h4{margin-top:30px}}.footer__mockuper-footer ul{padding:0;margin:0}.footer__mockuper-footer ul li{padding:0;margin:0;list-style:none}.footer__mockuper-footer ul li a{color:#464f5a;font-size:14px;padding:5px 0;margin:0}.footer__mockuper-footer ul li a:hover{color:#333f4b}.footer__subfooter{background:rgba(70,79,90,.1);margin-top:50px}.footer__subfooter p{margin:20px 0;font-size:12px}@media screen and (max-width:1025px){.footer__subfooter{padding:0 20px}}.layout__flexCenter{display:flex;align-items:center;justify-content:center}.layout__transparentPattern{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.layout__transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.layout__captcha{position:fixed;bottom:0;background:#fff;padding:0 5px;color:#5c6877;opacity:.9;right:0}.layout__captcha:hover{opacity:1}.layout__captcha a{color:#5c6877}@media screen and (max-width:990px){.layout__captcha{display:none}}.flexCenter{display:flex;align-items:center;justify-content:center}.transparentPattern,.DashboardItem .image{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.DashboardItem{display:inline-block;margin:0 20px 35px 0;width:300px;vertical-align:top}.DashboardItem.list{padding:10px;border-radius:3px;margin-bottom:5px;display:flex;width:100%;justify-content:space-between}.DashboardItem.list>div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.DashboardItem.list .meta{flex-direction:column;align-items:flex-start;flex:1}.DashboardItem.list .image{margin-right:30px;height:90px;width:135px}.DashboardItem.list .actions{position:relative}.DashboardItem.list .lastUse{display:none}.DashboardItem .lastUse{color:#464f5a;text-align:right;opacity:.4;line-height:1;margin-bottom:4px}.DashboardItem .lastUse p{margin-bottom:0}.DashboardItem .meta{display:flex;flex-direction:column}.DashboardItem .meta .title{color:#464f5a;margin:10px 0 4px;font-size:15px;font-weight:bolder}@media screen and (min-width:990px){.DashboardItem.grid:hover .overlay,.DashboardItem.grid:hover .actions{opacity:1!important}}.DashboardItem.grid .actions{position:absolute;top:0;left:0;opacity:0;transition:all .3s;width:100%;padding:9px;z-index:3}@media screen and (max-width:990px){.DashboardItem.grid .actions{opacity:1}}.DashboardItem .actions .actionIcon{cursor:pointer;border-radius:50%;margin-right:10px;padding:6px;background:#fff;width:36px;height:36px;color:#464f5a;display:inline-flex;align-items:center;justify-content:center}.DashboardItem .actions .actionIcon.active svg path{fill:#464f5a}.DashboardItem .actions .actionIcon svg{width:100%;height:100%}.DashboardItem .image{width:300px;height:200px;border:2px solid #d8dce1;position:relative;border-radius:8px}.DashboardItem .image .preview{border-radius:5px;overflow:hidden}.DashboardItem .image .overlay{position:absolute;cursor:pointer;text-decoration:none;width:100%;height:100%;z-index:2;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:20px;opacity:0;transition:all .3s}.DashboardItem .image .preview{position:absolute;width:100%;height:100%;z-index:1;object-fit:contain}.widgetItem{display:inline-block;margin:0 30px 35px 0;width:300px;vertical-align:top}.widgetItem>div{border:2px solid #cacfd5;position:relative;border-radius:8px;background:#fff}.widgetItem>div p{color:#464f5a;display:block;margin:30px 0 20px;line-height:1.2;font-size:20px;font-weight:bolder;text-align:center;text-transform:uppercase}.widgetItem .preview{margin:20px 0;text-align:center;position:relative}.widgetItem .preview span{background:linear-gradient(-135deg,#5f72bd,#9b23ea);color:#fff;display:inline-block;font-size:12px;position:absolute;bottom:-10px;transform:translateX(-50%);left:50%;text-transform:uppercase;padding:5px 10px;border-radius:100px}.widgetItem .preview .img{width:80px;margin-right:-20px;margin-left:-20px;height:80px;border:2px solid #cacfd5;overflow:hidden;border-radius:50%;display:inline-block}.widgetItem .preview .img img{height:100%}.widgetItem .actions{display:flex;align-items:center;padding:0 30px;justify-content:space-around;margin-bottom:20px}.widgetItem .actions span,.widgetItem .actions a{border-radius:50%;cursor:pointer;transition:all .3s;background:rgba(70,79,90,.1);display:inline-flex;align-items:center;justify-content:center;width:40px;margin:0 4px;height:40px;padding:9px}.widgetItem .actions span:hover,.widgetItem .actions a:hover{background:rgba(70,79,90,.2)}.widgetItem .actions span svg,.widgetItem .actions a svg{width:100%;height:100%}.widgetItem .actions span svg path,.widgetItem .actions span svg rect,.widgetItem .actions span svg circle,.widgetItem .actions span svg polyline,.widgetItem .actions span svg line,.widgetItem .actions a svg path,.widgetItem .actions a svg rect,.widgetItem .actions a svg circle,.widgetItem .actions a svg polyline,.widgetItem .actions a svg line{stroke:#5c7288}.newsletter__flexCenter{display:flex;align-items:center;justify-content:center}.newsletter__transparentPattern{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.newsletter__transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.newsletter__newsletter{padding:50px 0 70px;overflow:hidden;position:relative}.newsletter__newsletter h2,.newsletter__newsletter h3{color:#fff!important;text-transform:uppercase;text-shadow:0 2px 3px rgba(0,0,0,.3)}.newsletter__newsletter h2{font-size:30px;margin-bottom:5px;font-family:capriola;left:0}.newsletter__newsletter h3{margin:0 0 30px;font-weight:600}.newsletter__newsletter .newsletter__ml-field-group{width:70%;max-width:400px;display:inline-block}@media screen and (min-width:990px){.newsletter__newsletter .newsletter__ml-field-group{width:80%}}.newsletter__newsletter input{width:100%;background:#fff;border:none;box-shadow:0 2px 3px 1px rgba(0,0,0,.2);padding:12px 20px;color:#5c6877;outline:none;border-radius:50px;display:inline-block;margin:0;vertical-align:middle}@media screen and (min-width:990px){.newsletter__newsletter input{width:100%}}.newsletter__newsletter button[type=submit]{cursor:pointer;background:0 0;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50px;margin:0;margin-left:10px;background:#464f5a;box-shadow:0 2px 3px 1px rgba(0,0,0,.2);padding:15px;vertical-align:middle;border:none;transition:all .4s;position:relative;left:-4px}.newsletter__newsletter button[type=submit] svg{width:100%}.newsletter__newsletter button[type=submit]:hover{background:#485969!important}.newsletter__newsletter button[type=submit] path{fill:#fff}.newsletter__backImage{position:absolute;width:100%;min-height:100%;z-index:1;top:0;left:0}.newsletter__overlayColor{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;background:linear-gradient(49deg,#6fc313,#a6e22b)}.flexCenter{display:flex;align-items:center;justify-content:center}.transparentPattern,#gallery .gallery img{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}#intro .inner{text-align:center}@media screen and (min-width:990px){#intro .inner{text-align:left}}#intro .inner p{font-size:20px;line-height:1.8;font-weight:300;margin:40px 0;width:90%}#intro .inner h1{font-family:capriola;font-size:40px;font-weight:400}#intro .inner h1 .Typist{display:inline}#intro .inner h1 span.mockuperTextRotate:not(:empty){background:linear-gradient(49deg,#6fc313,#a6e22b);color:#fff;padding:4px 14px;margin:0 10px;text-shadow:0 2px 7px rgba(0,0,0,.3);border-radius:5px}#intro{background:#f2f3f3;text-align:center}#intro .container{height:100%;display:flex;justify-content:center}@media screen and (max-width:990px){#intro h1,#intro h2,#intro p{text-align:center}#intro p{margin:30px 0;width:100%!important}#intro h1 span{display:block;height:64px}#intro h1{margin-top:30px}#intro .inner{margin-bottom:30px}}@media screen and (min-width:990px){#intro{height:100vh;text-align:left;max-height:700px;min-height:550px}}#intro .logo{text-align:center;margin:0;text-align:center}#intro .logo h2{left:0!important}#intro .introSlider{width:100%;height:300px;overflow:hidden}@media screen and (min-width:990px){#intro .introSlider{height:100%;width:47%;position:absolute;right:0;top:0}}#intro .introSlider .introSliderInner{height:100%;width:100%;position:relative;overflow:hidden}#intro .introSlider .introSliderInner img{width:auto;height:100%;position:absolute;right:0}@media screen and (max-width:990px){#intro .introSlider .introSliderInner img{height:auto;width:100%}}#works .imgContainer{width:90%;margin:120px auto 90px;display:block;position:relative}#works .imgContainer img{width:100%;position:relative;z-index:4;border-radius:15px}@media screen and (max-width:990px){#works .imgContainer{display:none}}#works .imgContainer:before{content:"";z-index:1;width:100%;height:100%;position:absolute;background:linear-gradient(49deg,#6fc313,#a6e22b);border-radius:15px;left:-30px;top:-30px}@media screen and (max-width:990px){#works{margin-top:40px;margin-bottom:40px}}.tryIt{display:block;position:absolute;left:30px;bottom:30px;background:linear-gradient(49deg,#6fc313,#a6e22b);transition:all .3s;color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:50px;letter-spacing:.5px;margin:0;z-index:99;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.4)}.tryIt:hover{color:#fff}#works2{overflow:hidden}#works2 .col-md-5{position:relative}@media screen and (max-width:990px){#works2{margin-top:30px}}#works2 .tryIt{bottom:60px}@media screen and (max-width:990px){#works2 .tryIt{bottom:65px;left:10px}}#works2 img{width:50vw;max-width:800px}@media screen and (max-width:990px){#works2 img{width:100%;margin:30px 0}}@media screen and (max-width:990px){#works2 .works2img{margin-top:30px;left:-15px}}#features{padding:40px 0 10px;z-index:9;background:linear-gradient(49deg,#6fc313,#a6e22b)}#features .ant-col{padding:15px 0}@media screen and (min-width:990px){#features .ant-col{padding:30px}}@media screen and (max-width:990px){#features .ant-col{margin-bottom:20px}}#features a{border-radius:50px}#features h3{font-size:35px;color:#7ed321;margin:0 0 20px;line-height:1.3}.card{background:#fff;padding:30px;display:block;border-radius:4px}#devices{z-index:9;padding:0 0 50px}@media screen and (max-width:990px){#devices h2{margin-top:60px;text-align:center;left:0!important}#devices .card{padding:10px 30px}}#devices .col-md-4{padding:10px}#devices h2{left:30px}#devices .container{position:relative;padding:150px 0 0}#devices .mockupsInfo{position:absolute;text-align:right;margin-right:25%;right:0;top:30px}#devices .mockupsInfo p{margin:0;line-height:1;font-size:35px;font-weight:900;margin-right:20px;color:#8d99a4}#devices .mockupsInfo p.big{font-size:75px;color:#333f4b;margin-right:30px;margin-bottom:15px}#devices .mockupsInfo p.small{font-size:25px;margin-right:0}#devices:before{background:inherit;top:-50px;content:"";display:block;width:100%;height:50px;left:0;position:absolute;right:0;transform:skewY(-1.5deg);transform-origin:100%;z-index:-1}#devices .card{background:0 0;transition:background .3s;color:#5c6877;font-size:17px}#devices .card:hover{background:#fff}#devices .card:hover h3{color:#7ed321}#devices .card p{display:none}#devices .card h3{font-size:25px;transition:all .3s;font-weight:700;text-transform:uppercase;color:#8d99a4;margin:0 0 20px;line-height:1.3}#gallery{overflow:hidden}#gallery .swiper-container{width:100%}#gallery .gallery{padding:20px 0}#gallery .gallery a{padding:0;overflow:hidden;width:100%;height:100%;display:block;border-radius:4px}#gallery .gallery a:hover figcaption{opacity:1}#gallery .gallery li{width:300px;height:200px;list-style:none;position:relative}#gallery .gallery figcaption{color:#fff;position:absolute;z-index:2;top:0;text-transform:uppercase;left:0;transition:all .3s;background:rgba(126,211,33,.8);text-align:center;width:100%;height:100%;opacity:0;font-weight:bolder;display:flex;align-items:center;justify-content:center}#gallery .gallery img{width:100%;height:100%;object-fit:contain}#gallery p{color:#fff!important;font-weight:lighter;padding:0 0 40px}@media screen and (min-width:990px){#gallery p{padding:25px 0 40px}}#goto{position:relative;overflow:hidden}#goto .gotoButton{width:280px;display:block;box-sizing:content-box;height:280px;border:2px solid #7ed321;margin:70px auto;border-radius:50%;padding:0!important;position:relative;z-index:2;transition:all .3s}#goto .gotoButton:hover{transform:scale(.95)}#goto .gotoButton:hover .buttonInner{transform:scale(1.1)}#goto .gotoButton:hover+.backGroundCircle{transform:scale(1.1)}#goto .backGroundCircle{display:block;transition:all .3s;position:absolute;left:50%;margin-left:-300px;top:50%;margin-top:-300px;width:600px;height:600px;border-radius:50%;background:#fff;z-index:1}#goto .backGroundCircle.bis{opacity:.4;margin-left:-400px;margin-top:-400px;width:800px;height:800px}#goto .buttonInner{width:230px;transition:all .3s;border-radius:50%;height:230px;margin:25px 0 0 25px;box-sizing:border-box;background:linear-gradient(49deg,#6fc313,#a6e22b);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);text-align:center;padding:20px}#goto .buttonInner .buttonText{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}#goto .buttonInner p{font-size:20px;text-transform:uppercase;font-weight:700;margin-top:30px!important;line-height:1;margin-bottom:8px!important;margin:0}#goto .buttonInner p.bigger{font-size:30px;font-weight:900;margin-bottom:18px!important;margin-top:0!important}#goto .buttonInner span{width:40px;text-shadow:none;height:40px;background:#fff;padding:10px 11px;border-radius:50%}#goto .buttonInner span path{fill:#7ed321}.tutorials__flexCenter{display:flex;align-items:center;justify-content:center}.tutorials__transparentPattern{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.tutorials__transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.tutorials__tutorialsHeader{background:#fff}.tutorials__tutorialsHeader h1{color:#7ed321;font-weight:700;text-transform:uppercase;font-size:40px;font-family:Capriola;text-align:center;margin:0;margin-bottom:30px;padding:70px 0;line-height:0}@media screen and (min-width:990px){.tutorials__tutorialsHeader h1{font-size:50px;line-height:.7}}.tutorials__tutorialIntro{z-index:99;position:relative;background:rgba(70,79,90,.1)}.tutorials__tutorialIntro nav{display:none;align-items:center;justify-content:center;position:absolute;top:0;border-radius:7px 7px 0 0;left:0;background:linear-gradient(49deg,#6fc313,#a6e22b);width:100%;height:auto;text-align:center;padding:2px 0}@media screen and (min-width:990px){.tutorials__tutorialIntro nav{height:70px;display:flex}}.tutorials__tutorialIntro nav ul{width:90%;padding:0;margin:0;display:flex;align-items:center;justify-content:space-around}.tutorials__tutorialIntro nav li{display:inline-block;vertical-align:middle}.tutorials__tutorialIntro nav li a{font-size:16px;font-family:nunito sans;letter-spacing:1px;text-shadow:0 1px 5px rgba(0,0,0,.3);color:#fff;font-weight:bolder;transition:all .3s;margin:0;text-transform:uppercase}.tutorials__tutorialIntro nav li a:hover{color:#fff}.tutorials__tutorialIntro nav li.tutorials__active a{color:#fff;font-size:22px}.tutorials__card{background:#fff;position:relative;z-index:9;max-width:1200px;margin:0 auto;border-radius:7px;box-shadow:0 5px 25px 1px rgba(0,0,0,.14);padding:40px 30px}@media screen and (min-width:990px){.tutorials__card{padding:110px 60px 40px}}.tutorials__card p{font-size:18px;font-weight:lighter;line-height:1.8}.tutorials__card h2{margin:30px auto;display:inline-block;left:0!important;font-size:25px;font-weight:600;vertical-align:middle;letter-spacing:2px}@media screen and (max-width:990px){.tutorials__card h2{width:100%}.tutorials__card h2 span{display:block}}.tutorials__card h2 span{margin:0 20px;top:-1px;position:relative;font-weight:700;font-size:30px;color:#7ed321;vertical-align:middle}.tutorials__startButton{margin-bottom:-140px!important;margin-top:40px!important}.tutorials__mainButton{transition:all .3s;background:linear-gradient(49deg,#6fc313,#a6e22b);text-align:center;margin:0 auto;width:150px;height:150px;text-shadow:0 2px 6px rgba(0,0,0,.3);box-shadow:0 28px 54px 2px rgba(0,0,0,.28);color:#fff;font-size:30px;font-family:Capriola;padding:56px 10px;border-radius:50%}.tutorials__mainButton:hover{color:#fff;transform:scale(1.1)}.tutorials__verticalLine{position:absolute;left:50%;top:0;background:linear-gradient(49deg,#6fc313,#a6e22b);width:8px;display:none;margin-left:-4px;height:100%}@media screen and (min-width:1026px){.tutorials__verticalLine{display:block}}.tutorials__steps{position:relative;padding:50px 20px}.tutorials__step h2{font-size:80px;font-family:nunito sans;font-weight:bolder;left:0!important}.tutorials__step h2 span{font-size:25px;font-weight:600;font-family:nunito sans;position:relative}.tutorials__step h2 span:before{width:60%;border-radius:100px;background:linear-gradient(49deg,#6fc313,#a6e22b);content:"";height:3px;position:absolute;top:-13px;left:0}.tutorials__imgContainer{width:90%;margin:120px auto 90px;display:block;position:relative}.tutorials__imgContainer img{width:100%;position:relative;z-index:4;border-radius:10px;overflow:hidden;box-shadow:0 2px 20px 1px rgba(0,0,0,.2)}.tutorials__imgContainer:before{content:"";z-index:1;width:100%;height:100%;position:absolute;background:linear-gradient(49deg,#6fc313,#a6e22b);border-radius:10px;left:-20px;top:-20px}.tutorials__endButton{position:absolute;top:-75px;left:50%;margin-left:-75px}.tutorials__gotoTutorial{position:relative;padding:140px 30px;text-align:center}.tutorials__gotoTutorial a{color:#333f4b;font-size:30px;border-bottom:3px solid #333f4b;text-transform:uppercase;font-weight:600;padding:2px 0;display:inline-block}.tutorials__gotoTutorial a:hover svg{margin-left:20px}.tutorials__gotoTutorial a svg{width:40px;position:relative;top:9px;margin-left:10px;transition:all .3s}.tutorials__gotoTutorial a svg path{fill:#333f4b}.flexCenter{display:flex;align-items:center;justify-content:center}.transparentPattern{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}#widgets{margin-top:50px}#widgets h2{margin:70px 0 10px}#widgets h1,#widgets h2{font-family:Capriola;color:#464f5a;font-size:30px}#widgets h1{font-size:50px;margin:0 0 20px}#widgets p{font-size:22px;color:rgba(70,79,90,.7)}#widgets img{max-width:100%;max-height:100%}#quote{margin-top:90px;position:relative}#quote h2{text-align:center;margin-top:70px;margin-bottom:15px;font-family:Capriola;font-weight:lighter;font-size:28px}#quote p{text-align:center;font-size:17px;max-width:800px;letter-spacing:.5px;margin-bottom:40px;margin:0 auto}#quote>.container{position:relative;z-index:2}#quote img{width:100%;margin-top:30px;padding:20px;border-radius:20px;margin-bottom:-40px;overflow:hidden}#integrations{margin:100px 0 0;padding:150px 0}#integrations .background{width:100%;position:absolute;width:80%;left:10%;top:0;z-index:1}#integrations p{max-width:600px;margin:0 auto 30px}#integrations>.container{position:relative;z-index:2}#pricing{text-align:center;margin:0 0 100px}#pricing p{max-width:600px;margin:0 auto}#pricing .switcher{background:rgba(70,79,90,.09);padding:4px;border-radius:100px;margin:20px auto;display:inline-block}#pricing .switcher .option{display:inline-flex;border-radius:100px;font-size:13px;text-transform:uppercase;padding:5px 20px 4px;letter-spacing:.7px;transition:all .3s}#pricing .switcher .option.active{color:#fff;background:linear-gradient(49deg,#6fc313,#a6e22b);text-shadow:0 1px 4px rgba(0,0,0,.3)}#pricing .card{border:2px solid rgba(70,79,90,.2);border-radius:15px;margin:80px 20px 0;padding:0;padding-bottom:25px}#pricing .card .pricing-header{background:rgba(70,79,90,.1);width:100%;border-radius:15px 15px 0 0;padding-bottom:20px}#pricing .card .pricing-header .icon{width:80px;height:80px;position:relative;background:linear-gradient(49deg,#6fc313,#a6e22b);border-radius:50%;display:flex;top:-50px;align-items:center;padding:12px;justify-content:center;margin:0 auto -75px}#pricing .card .pricing-header .icon img{display:block;max-width:100%;max-height:100%}#pricing .card .pricing-header h4{font-size:25px;margin-bottom:0;text-transform:uppercase}#pricing .card .included{padding:20px 20px 0}#pricing .card .included li{list-style:none;margin:8px 0}#pricing .card .price{color:#7ed321;font-family:Capriola;font-size:40px;margin-bottom:20px}#pricing .card .price span{color:rgba(70,79,90,.3);font-size:15px;margin-right:10px}.faq__flexCenter{display:flex;align-items:center;justify-content:center}.faq__transparentPattern{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.faq__transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.faq__faqPage{margin-top:80px;margin-bottom:80px;max-width:1000px;padding:30px;padding-top:0}.faq__faqPage h1{color:#333f4b;font-size:35px;font-weight:lighter;margin:0;padding:0;font-family:Capriola;margin-bottom:30px}.faq__faq{background:rgba(70,79,90,.05);padding:40px;border-top:5px solid rgba(70,79,90,.5);margin:20px 0;border-radius:3px}@media screen and (min-width:990px){.faq__faq{max-width:48%;float:left}.faq__faq:nth-child(odd){margin-right:4%}}.faq__faq h3{color:#333f4b;font-size:20px;line-height:1.2;margin:0;font-weight:700}.faq__faq p{font-size:15px;margin:0;line-height:1.7;margin-top:20px}.metadata__flexCenter{display:flex;align-items:center;justify-content:center}.metadata__transparentPattern{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.metadata__transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}@media screen and (max-width:990px){.metadata__communityWrapper{display:none}}.metadata__communityWrapper>p{margin:0;line-height:1;display:block;font-size:13px;text-align:right;margin-bottom:5px}.metadata__communityWrapper>p:first-of-type{color:#5c6877}.metadata__community{display:block;margin-top:3px;margin-bottom:5px;padding:10px 15px;transition:all .3s;overflow:hidden;border-radius:5px;text-shadow:0 2px 2px rgba(0,0,0,.14);background:linear-gradient(-135deg,#5f72bd,#9b23ea);box-shadow:0 2px 3px rgba(0,0,0,.16);background-size:120%;color:#fff;text-align:right;text-decoration:none}.metadata__community p{color:#fff;line-height:1;display:block;font-size:13px;text-align:right;margin-bottom:5px}.metadata__community p:first-of-type{font-size:20px}.metadata__community .metadata__name{font-size:20px}.metadata__communityBottom{display:flex;justify-content:space-between;align-items:flex-start}.metadata__abuse{text-decoration:underline;font-size:9px;text-align:right;display:block;margin:3px 0;color:#5c7288}.metadata__generatorToolbar{width:100%;padding:20px 30px}@media screen and (min-width:990px){.metadata__generatorToolbar{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}}.metadata__bookmark{cursor:pointer;vertical-align:middle;margin-left:10px}.metadata__mobileUpload{display:block;margin-top:20px}@media screen and (min-width:990px){.metadata__mobileUpload{display:none}}.pool__flexCenter,.pool__customDropzone>div{display:flex;align-items:center;justify-content:center}.pool__transparentPattern,.pool__mainCanvas:first-of-type{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.pool__transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.pool__pool{flex:1 1;display:flex;overflow:hidden;height:100%;position:relative;flex-direction:column}@media screen and (max-width:990px){.pool__pool{width:100vw;display:block}}.pool__introText{text-align:center}.pool__introText h2{font-family:Capriola;font-size:40px;color:#464f5a;margin:0}.pool__introText p{font-size:25px;margin:0}.pool__mobileChooser{margin-top:30px}@media screen and (min-width:990px){.pool__mobileChooser{display:none}}.pool__warpCanvas{position:absolute;width:100%;height:100%;z-index:2}.pool__mainCanvasWrapper{width:100%;transition:all .3s;flex:1 1;display:flex;align-items:center;justify-content:center;position:relative}@media screen and (min-width:990px){.pool__mainCanvasWrapper{padding-left:50px}}.pool__videoContainer{position:absolute;border:1px solid red;z-index:20;display:block;left:50%;top:0;transform:translateX(-50%)}.pool__videoContainer video{height:100%;transform-origin:0 0}.pool__mainCanvas:first-of-type{border:2px solid #cacfd5;border-radius:5px;overflow:hidden}.pool__innerPoolWrapper{display:flex;flex:1 1;height:100%;position:relative;align-items:center;justify-content:space-between;flex-direction:column;position:relative}.pool__innerPoolWrapperEmptyPool{align-items:center;justify-content:center;flex-direction:column}.pool__poolFooter{padding:20px 50px 30px;align-items:center;justify-content:space-between;display:flex;width:100%}.pool__poolFooter button{vertical-align:middle;margin-left:20px}.pool__button{width:50px!important;height:50px!important;align-items:center;justify-content:center;display:inline-flex}.pool__button span{font-size:22px;line-height:0!important}.pool__downloadButton{padding:13px!important;display:inline-flex;justify-content:center;background:linear-gradient(49deg,#6fc313,#a6e22b);align-items:center;width:70px!important;overflow:hidden;height:70px!important;min-width:0;transition:all .3s;margin-left:30px}.pool__downloadButton svg{width:100%;filter:drop-shadow(0 2px 3px rgba(0,0,0,0.25))}.pool__downloadButton svg path{fill:#fff!important}.pool__downloadButton:hover{transform:scale(1.1)}.pool__customDropzone{cursor:pointer;width:60%;height:60%;margin-bottom:100px}.pool__customDropzone>div{padding:80px 30px;width:100%;display:flex;flex-direction:column;height:100%;border:4px dashed rgba(70,79,90,.2);border-radius:5px}.pool__appStorePreview{position:absolute;width:100%;height:100%;pointer-events:none;top:0;z-index:10;left:0}.pool__appStorePreview span{background:#ebedf0;border-left:2px solid rgba(0,0,0,.2);border-right:2px solid rgba(0,0,0,.2);height:100%;position:absolute;top:0;width:5px;display:inline-flex}.mockups-item__flexCenter{display:flex;align-items:center;justify-content:center}.mockups-item__transparentPattern,.mockups-item__mockup{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.mockups-item__transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.mockups-item__mockup{width:100%;height:0;padding-bottom:75%;border-radius:5px;overflow:hidden;display:block;border:2px solid #d1d7e1;position:relative;margin:20px auto;background-size:cover}.mockups-item__mockup img{position:absolute;width:100%;height:100%;object-fit:cover}.mockups-item__mockup:after{transition:all .3s;opacity:0;content:"";pointer-events:none;z-index:9;position:absolute;width:100%;height:100%;border:2px solid #7ed321;box-sizing:border-box}.mockups-item__mockup.mockups-item__active:after{opacity:1}.mockups-item__mockup:hover figcaption{opacity:1}.mockups-item__mockup figcaption{opacity:0;position:absolute;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);transition:all .3s;width:100%;height:100%;z-index:2}.mockups-item__mockup figcaption h4{margin:0;text-align:center;text-shadow:0 2px 1px rgba(0,0,0,.5);padding:0 7px;font-weight:400;font-size:20px;color:#fff}.mockups-item__badges{position:absolute;width:100%;z-index:2;top:0;padding:5px;box-sizing:border-box;left:0;text-align:right}.mockups-item__badges div{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4);font-size:13px;font-weight:bolder;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:24px;height:24px;position:relative;border-radius:30px;padding:4px;text-transform:uppercase;background:linear-gradient(-135deg,#5f72bd,#9b23ea)}.mockups-item__badges div svg{width:100%}.mockups-item__badges div.mockups-item__new{background:#7ed321}.mockups-list__flexCenter{display:flex;align-items:center;justify-content:center}.mockups-list__transparentPattern{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.mockups-list__transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.mockups-list__mockupsList{overflow:auto;height:100%;width:100%;padding:10px;position:relative}@media screen and (min-width:1440px){.mockups-list__mockupsList{padding:30px}}.mockups-list__mockupsList::-webkit-scrollbar{display:none}.mockups-list__categories{display:flex;flex-direction:row;margin:15px 0;justify-content:space-between}.mockups-list__categoriesIcon{position:relative;height:40px;width:40px;padding:5px!important}.mockups-list__categoriesIcon span{position:relative;height:100%;width:100%}.mockups-list__categoriesIcon svg{width:100%;height:100%}.mockups-list__categoriesIcon svg path{fill:#5c7288}.mockups-list__categoriesIconActive svg path{fill:#7ed321}.layers__flexCenter{display:flex;align-items:center;justify-content:center}.layers__transparentPattern,.layers__colorPreviewWrapper{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.layers__transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.layers__sidebarLayer{margin-top:10px;background:#fff;border-radius:5px;position:relative}.layers__sidebarLayer:first-child{margin-top:20px}.layers__dragHandle{position:absolute;left:-14px;border-radius:50%;background-color:#fff;width:25px;height:25px;display:flex;align-items:center;justify-content:center;cursor:grab;top:24px}.layers__dragHandle svg{width:20px;height:20px}.layers__dragHandle svg *{fill:#464f5a}.layers__layerHeader{padding:10px;display:flex;align-items:center;justify-content:space-between}.layers__layerName{flex:1 1;font-size:15px;padding:0 10px;padding-left:15px}.layers__layerName .ant-form-item{margin:0}.layers__layerTypeIcon{overflow:hidden;width:50px;height:50px;border-radius:4px;display:flex;align-items:center;justify-content:center}.layers__layerTypeIcon img{width:100%;height:100%;object-fit:contain}.layers__layerTypeIcon svg{width:70%;height:70%}.layers__layerTypeIcon svg polygon{fill:#464f5a;stroke:none}.layers__layerTypeIcon svg *{stroke:#464f5a}.layers__layerActions{min-width:max-content}.layers__layerActions>div{margin:0;margin-left:8px;display:inline-flex;vertical-align:middle}.layers__layerActions button{vertical-align:middle}.layers__layerActions button.layers__primary svg{width:20px;height:20px}.layers__layerActions button svg{transition:all .3s;height:100%}.layers__layerContent{background-color:#fff;border-radius:0 0 5px 5px}.layers__layerContent .layers__layerContentInner{padding:20px}.layers__layerContent .layers__layerContentInner p{color:rgba(70,79,90,.7)}.layers__layerContent .layers__layerContentInner fieldset{border:1px solid rgba(70,79,90,.1);border-radius:5px;width:100%;padding:5px 10px;margin-bottom:10px}.layers__layerContent .layers__layerContentInner fieldset:last-child{border:none;margin-bottom:0}.layers__layerContent .layers__layerContentInner fieldset label,.layers__layerContent .layers__layerContentInner fieldset p{margin-bottom:0;font-size:12px}.layers__layerContent .layers__layerContentInner label{font-size:12px;margin:5px 10px 0 0;vertical-align:middle}.layers__layerContent .layers__layerContentInner .layers__dropArea{border:2px solid rgba(70,79,90,.1);border-radius:5px;border-style:dashed;padding:6px 10px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.layers__layerContent .layers__layerContentInner img{max-width:80px;max-height:80px}.layers__reflections img{width:60px;border:1px solid rgba(70,79,90,.2);height:35px;cursor:pointer;background-color:#fff;border-radius:4px;padding:3px;margin:5px 5px 5px 0}img.layers__activeReflection{border:1px solid #7ed321}.layers__colorPreviewLayer{position:relative}.layers__fieldsGroup{margin-bottom:10px}.layers__colorPreview{width:100%;height:100%;border-radius:50%}.layers__colorPreviewWrapper{width:50px;height:50px;padding:0;cursor:pointer;border-radius:50%;border:3px solid #e6e6e6}.layers__colorPreviewWrapper.layers__colorPreviewSmall{width:25px;height:25px;border:2px solid #e6e6e6}.sidebar__flexCenter{display:flex;align-items:center;justify-content:center}.sidebar__transparentPattern{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.sidebar__transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.sidebar__sidebar{overflow:hidden;padding:0;flex:1 1;height:100%;position:relative;background-color:#ebedf0}.sidebar__sidebar::-webkit-scrollbar{display:none}.sidebar__sidebarSlide{width:100%;height:100%;z-index:20;padding:20px 20px 80px;background-color:#ebedf0;position:absolute;left:0;top:0;overflow-y:auto;transition:all .3s ease-in}@media screen and (min-width:1280px){.sidebar__sidebarSlide{padding:20px 30px 80px}}.sidebar__sidebarSlide::-webkit-scrollbar{display:none}.sidebar__sidebarOpen{transform:translateX(0)}.sidebar__sidebarClose{transform:translateX(-100%)}.sidebar__customSidebar h1{font-size:20px;text-transform:uppercase;margin:5px 0;margin-top:30px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:9}.sidebar__sidebarOption{color:#fff;font-size:15px;display:flex;align-items:center;margin:15px 0;justify-content:space-between}.sidebar__steps{margin:30px 0;padding:0 30px}.sidebar__steps h1{margin-bottom:20px}.sidebar__steps .sidebar__step{padding-bottom:20px;position:relative;display:flex;flex-direction:row}.sidebar__steps .sidebar__step span{width:25px;height:25px;color:#fff;text-shadow:0 2px rgba(0,0,0,.2);border-radius:50%;background:linear-gradient(49deg,#6fc313,#a6e22b);display:inline-flex;align-items:center;justify-content:center;margin-right:20px;margin-left:-12px;position:relative;vertical-align:middle;z-index:2}.sidebar__steps .sidebar__step:not(:last-child):before{content:"";width:1px;border-left:2px dashed rgba(70,79,90,.1);height:100%;position:absolute;top:0;left:0}.sidebar__steps .sidebar__step p{display:inline-block;flex:1 1;margin:0;vertical-align:middle}.variantsContainer{position:fixed;bottom:0;background:#fff;left:0;width:100%;z-index:8;overflow:hidden}.variantsContainer::-webkit-scrollbar{display:none}.variantsContainer img{width:50px;height:50px;object-fit:cover;border-radius:5px;cursor:pointer;border:2px solid #e2e2e2;margin:0 4px 4px 0}.variantsToggle{background:#fff;padding:10px 20px;cursor:pointer;font-weight:700;border-top:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between}.variantsBody{padding:10px 30px 20px;overflow:hidden}.variantsBody::-webkit-scrollbar{display:none}.fabric-dialog__flexCenter{display:flex;align-items:center;justify-content:center}.fabric-dialog__transparentPattern{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.fabric-dialog__transparentPatternDark,.fabric-dialog__screenEditorCanvas:first-of-type{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.fabric-dialog__screenEditorCanvasWrapper{text-align:center}.fabric-dialog__screenEditorMask{position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%;z-index:99}.fabric-dialog__tools{background:rgba(255,255,255,.1);border-radius:5px;padding:10px;display:flex;align-items:center;justify-content:flex-start}.fabric-dialog__header{display:flex;justify-content:space-between;margin-bottom:24px}.fabric-dialog__header label{margin:0 10px 0 0}.fabric-dialog__header label:not(:first-of-type){margin:0 10px}.fabric-dialog__header p{margin:0}.fabric-dialog__header path{fill:#464f5a}.fabric-dialog__small{display:block;text-align:center;margin:10px 0 4px}.fabric-dialog__screenEditorCanvas:first-of-type{text-align:center}.fabric-dialog__dialogUpload{text-align:center;position:relative}.fabric-dialog__screenShotGrabber{position:absolute;min-width:max-content;display:flex;align-items:center;justify-content:center;flex-direction:row;top:calc(50% + 20px);left:50%;transform:translate(-50%,-50%)}.fabric-dialog__screenShotGrabber input{background:0 0;margin-right:4px;color:#fff}.fabric-dialog__dropZone{cursor:pointer;width:100%;height:100%;padding:80px 30px 100px;border:4px dashed rgba(255,255,255,.2);border-radius:5px}.overlays__flexCenter,.overlays__fixedLoaderOuter,.overlays__offlineWarn{display:flex;align-items:center;justify-content:center}.overlays__transparentPattern{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.overlays__transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.overlays__fixedLoaderOuter{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:9999;background:rgba(0,0,0,.5)}.overlays__fixedLoaderOuter svg{width:50px;height:50px}.overlays__fixedLoaderOuter path{fill:#fff}.overlays__offlineWarn{position:absolute;z-index:99999;top:0;width:100vw;height:100vh;left:0;background:rgba(0,0,0,.7);color:#fff}.overlays__artBoardModal{border:2px solid rgba(255,255,255,.1);transition:all .3s;border-radius:5px;padding:20px;display:inline-flex;vertical-align:middle;text-align:center;margin:0 10px 10px 0;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.overlays__artBoardModal:hover{border:2px solid rgba(255,255,255,.2)}.overlays__artBoardModal span{border:2px dashed rgba(255,255,255,.3);width:100%;display:block}.overlays__artBoardModal p{margin:5px 0 0;text-align:center;opacity:.8;font-size:14px}.overlays__artBoardModalPreview{height:70px;width:100%;display:flex;align-items:center;justify-content:center}.overlays__artBoardModalPreview img{max-width:100%;max-height:100%}.overlays__artBoardModalPreview span{display:block}.objectsModal__flexCenter{display:flex;align-items:center;justify-content:center}.objectsModal__transparentPattern,.objectsModal__searchResultMockup{background:#fff;background-image:linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd),linear-gradient(45deg,#ddd 25%,transparent 0,transparent 75%,#ddd 0,#ddd);background-position:0 0,4px 4px;background-size:8px 8px!important}.objectsModal__transparentPatternDark{background:#333f4b;background-image:linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2)),linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 0,transparent 75%,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.2));background-position:0 0,5px 5px;background-size:10px 10px!important}.objectsModal__dialogClose{box-shadow:none;cursor:pointer;z-index:99999;position:absolute;right:30px;top:30px}.objectsModal__dialogClose:hover svg *{fill:#7ed321}.objectsModal__dialogClose svg{filter:none;width:30px;height:30px}.objectsModal__dialogClose svg *{transition:all .3s;fill:rgba(70,79,90,.4)}.objectsModal__head{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}.objectsModal__head h1{font-size:30px;color:#7ed321;font-weight:bolder;letter-spacing:.8px;text-transform:uppercase;width:60%;margin-bottom:10px}.objectsModal__modalWrapper{position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh;background:#fff;padding:40px 50px 50px;overflow:auto}.objectsModal__modalWrapper ::placeholder{color:rgba(70,79,90,.4)}.objectsModal__modalWrapper>button{vertical-align:middle}.objectsModal__searchBox{border:2px solid rgba(70,79,90,.2);padding:7px 20px;border-radius:100px;font-size:16px;font-weight:300;color:rgba(70,79,90,.8);display:inline-block;vertical-align:middle;width:40%}.objectsModal__suggestions{margin-top:10px;margin-bottom:30px}.objectsModal__suggestions p{display:inline-block;font-size:11px;color:rgba(70,79,90,.5);margin-right:10px;vertical-align:middle;margin-bottom:0}.objectsModal__suggestions span{padding:4px 8px;vertical-align:middle;cursor:pointer;border-radius:100px;background:rgba(70,79,90,.1);color:rgba(70,79,90,.5);text-transform:uppercase;font-size:11px;font-weight:700;display:inline-block;margin-right:5px}.objectsModal__searchResultMockup{display:inline-block;width:300px;height:250px;border-radius:7px;margin:15px;position:relative;overflow:hidden;cursor:pointer;border:2px solid rgba(0,0,0,.1)}.objectsModal__searchResultMockup:hover figcaption{opacity:1}.objectsModal__searchResultMockup figcaption{position:absolute;width:100%;height:100%;transition:all .4s;top:0;left:0;opacity:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}