#wrap{position:relative;width:100%}
#header{font-size:14px;background:#fff;clear:both;margin-bottom:30px}
#header #logo{display:inline-block;height:60px;overflow:hidden;padding-top:5px;padding-left:70px;margin:9px 0;position:relative}
#header #logo img{position:absolute;top:2px;left:0;width:57px;height:52px}
#header #logo h3{font-weight:400;font-size:32px;padding-top:10px;color:#2b383a;font-family:'American-Captain'}
#header #logo h2{font-weight:400;font-size:12px;position:relative;top:-23px;color:#adadad;font-family:'American-Captain'}
#header .header-search{position:relative;clear:both;background:#edeff1;height:38px;padding:0 55px 0 94px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#header .header-search:before{content:'SEARCH';position:absolute;top:12px;left:20px;color:#7f919a;font-weight:500}
#header .header-search:after{content:'';position:absolute;top:5px;left:93px;width:1px;height:26px;background:#d1d1d1}
#header .header-search .search-text{background:transparent;border:0;line-height:38px;padding:0 20px;color:#656565;font-weight:400;margin-bottom:0;width:100%}
#header .header-search .search-btn{color:#fff;line-height:24px;font-size:22px;width:56px;height:38px;padding:0;position:absolute;right:0;top:0;font-family:'craftpix-icons';margin-bottom:0}
#header .toggle-menu{position:relative;width:36px;height:2px;margin:38px 0 20px;float:right;display:block;background:#444;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s}
#header .toggle-menu:after,#header .toggle-menu:before{content:'';position:absolute;left:0;width:36px;height:2px;background:#444;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
#header .toggle-menu:before{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
#header .toggle-menu:after{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px)}
#wrap.nav-is-visible #header .toggle-menu{background:rgba(255,255,255,0)}
#wrap.nav-is-visible #header .toggle-menu:before{-webkit-transform:translateY(0) rotate(-45deg);-moz-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);-o-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
#wrap.nav-is-visible #header .toggle-menu:after{-webkit-transform:translateY(0) rotate(45deg);-moz-transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg);-o-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}
#mobile-nav{position:relative;width:100%;display:none}
#mobile-nav ul{margin:15px 0;padding:0}
#mobile-nav ul li{display:block;width:100%;margin-bottom:0}
#mobile-nav ul li a{display:block;padding:10px 15px;font-size:13px;background:#f6f6f6;color:#666;border-top:1px solid #dadada}
#mobile-nav ul li:last-child a{border-bottom:1px solid #dadada}
#header .user-nav{padding:0;margin:10px 0;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:distribute;justify-content:space-between;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
#header .user-nav li{display:inline-block;padding:5px 0;margin-bottom:0;width:50%}
#header .user-nav li:last-child{margin-right:0}
#header .user-nav li a{color:#2c383a}
#header .user-nav li a:hover{color:#2898f3;text-decoration:none}
#header .user-nav li i{font-size:19px;position:relative;top:2px;margin-right:8px}
#header .user-nav .account-nav{display:none}
#header .header-nav{background:#243238;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s}
#header .header-nav ul{margin:0;padding:0}
#header .header-nav ul ul{display:none}
#header .header-nav li{position:relative;list-style:none;display:inline-block;margin-right:40px;margin-bottom:0}
#header .header-nav li.all{margin-right:80px}
#header .header-nav li.all:before{content:'';position:absolute;right:-40px;top:10px;width:1px;height:22px;background:#fff;opacity:.3}
#header .header-nav ul li:last-child{margin-right:0}
#header .header-nav li a{display:block;padding:10px 0;font-weight:400;color:#fff;letter-spacing:1.2px;text-transform:uppercase;font-size:12px}
#header .header-nav li.menu-item-has-children a{padding-right:20px}
#header .header-nav li.menu-item-has-children > a:after{font-family:'craftpix-icons';content:"\e902";position:absolute;top:10px;right:0;transform:rotate(90deg)}
#header .header-nav li a:hover,
#header .header-nav li.current-menu-item a{color:#f9962d;text-decoration:none}
#header .header-nav #menu-right-menu{text-align:right}
#header .header-nav li:hover ul{display:block}
#header .header-nav li ul{position:absolute;top:100%;right:0;text-align:right;background:#243238;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s}
#header .header-nav li ul li{display:block;margin-right:0}
#header .header-nav li ul li a{padding:10px 20px;white-space:pre}

.filter-bar{padding-top:3px}
.filter-bar h4{margin-bottom:14px}
.filter{background:#EDEFF1;border-radius:4px;display:flex;margin-bottom:16px}
.filter.subcat{padding:4px}
.filter a{line-height:24px;padding:6px 24px;display:inline-block;color:#747575}
.filter a.current{background:#1787CF;color:#fff;border-radius:4px}
.tag-search, .tag-nav{background:#EDEFF1;color:#555;display:inline-block;line-height:24px;padding:6px 12px;border-radius:4px;margin-right:12px;margin-bottom:16px}
.tag-search:hover{background:#e0e5eb}
.tag-search:before{content:'\e900';color:#555;font-family:'craftpix-icons';width:24px;height:24px;margin-right:12px}
.anchor-trigger{position:relative;top:-172px}

.wp-social-login-provider-list{padding:0}
.wp-social-login-provider{position:relative;width:100%;display:block;padding:14px 15px;color:#fff;text-align:center;margin-bottom:10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.wp-social-login-provider:hover{color:#fff}
.wp-social-login-provider:before{position:absolute;left:20px;bottom:6px;display:inline-block;font:normal normal normal 28px/1 craftpix-icons;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.wp-social-login-provider-facebook{background:#3b5998}
.wp-social-login-provider-facebook:hover{background:#365899}
.wp-social-login-provider-facebook:before{content:"\e90c"}
.wp-social-login-provider-google{background:#db4437}
.wp-social-login-provider-google:before{content:"\e90d"}
.wp-social-login-provider-twitter{background:#00aced}
.wp-social-login-provider-twitter:before{content:"\e911"}

.no-scroll{overflow:hidden}
.t-s-s, .mb-1{font-size:14px;line-height:22px;margin-bottom:20px}
.d-n{display:none!important} 
.d-b{display:block!important} 
.d-f{display:flex}
.fw-w{flex-wrap:wrap}
.status{color:red;margin-bottom:6px}
#lr_popup_auth{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:100;background:rgba(238,239,241,0.95);overflow:auto;display:none}
#lr_popup_auth #auth_wrap{overflow:hidden;position:absolute;top:50%;left:50%;margin:-31px 0 0 -31px;padding:16px 16px 0;background:#fff;box-shadow: 0 10px 20px rgb(38 50 56 / 15%);border-radius:3px}
#lr_popup_auth #auth_wrap.ready{width:360px;margin:0 0 0 -180px}
#lr_popup_auth #auth-form{padding:32px}
#lr_popup_auth #auth-form input{width:100%}
#lr_popup_auth #auth-form .btn{width:100%}
#lr_popup_auth .or{margin:12px 0 6px;position:relative;width:100%;display:inline-block;overflow:hidden;text-transform:uppercase;color:#7e7e7e;text-align:center;font-size:16px}
#lr_popup_auth .or:before, 
#lr_popup_auth .or:after{content:'';position:absolute;top:50%;width:50%;margin-top:-2px;border-top:1px solid #f4f4f5}
#lr_popup_auth .or:before{right:50%;margin-right:30px}
#lr_popup_auth .or:after{left:50%;margin-left:30px}
#lr_popup_auth #auth-close{z-index:9;position:absolute;top:16px;right:16px;display:block;cursor:pointer;width:32px;height:32px;background:#fff;cursor:pointer}
#lr_popup_auth #auth-close:after,
#lr_popup_auth #auth-close:before{content:'';position:absolute;top:16px;left:6px;width:20px;height:2px;background:#444;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}
#lr_popup_auth #auth-close:before{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
#lr_popup_auth #auth-close:after{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}
#lr_popup_auth .btn{height:40px;line-height:40px}
#lr_popup_auth .holder,
#lr_popup_auth .btn-hdr:after{display:block;background:url(https://craftpix.net/wp-content/plugins/woocommerce/assets/images/icons/loader.svg) no-repeat;content:"";opacity:.5;width:24px;height:24px;margin:auto;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}
#lr_popup_auth .holder{margin-bottom:16px}
@-webkit-keyframes spin{
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

#login_form{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:100;background:rgba(238,239,241,0.95);overflow:auto;display:none}
#login_form #login-box{position:absolute;top:20px;left:50%;width:360px;margin-left:-180px;padding:50px 30px 30px;background:#fff;box-shadow:0 10px 20px rgba(38,50,56,.15);border-radius:3px}
#login_form #login-box .or{margin:10px 0 15px;position:relative;width:100%;display:inline-block;overflow:hidden;text-transform:uppercase;color:#7e7e7e;text-align:center;font-size:16px}
#login_form #login-box .or:before,#login_form #login-box .or:after{content:'';position:absolute;top:50%;width:50%;margin-top:-2px;border-top:1px solid #dfe0e4}
#login_form #login-box .or:before{right:50%;margin-right:30px}
#login_form #login-box .or:after{left:50%;margin-left:30px}
#login_form .close{position:absolute;top:15px;right:15px;display:block;cursor:pointer;width:20px;height:20px}
#login_form .close:after,#login_form .close:before{content:'';position:absolute;top:9px;left:0;width:20px;height:2px;background:#444;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
#login_form .close:before{-webkit-transform:translateY(0) rotate(-45deg);-moz-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);-o-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
#login_form .close:after{-webkit-transform:translateY(0) rotate(45deg);-moz-transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg);-o-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}
#loginform input{width:100%}
#loginform .terms{font-size:12px;line-height:16px;display:block;margin-top:20px}
#loginform .terms a{font-size:12px;line-height:16px}

.widget-area{margin-bottom:25px}
.widget{padding:20px;background:#fff}
.widget .widget-title{text-align:center}
.widget ul{margin:0;padding:0}
.widget ul li{margin:0;text-align:left;list-style:none;border-bottom:dotted 1px #ccc}
.widget ul li:last-child{border-bottom:0}
.widget ul li a{margin:7px 0;padding:0 10px 0 0;display:inline-block;font-size:12px;line-height:18px;color:#333}
.widget ul li a:hover{color:#1787cf}
.widget ul li a:before{padding-right:7px;display:inline-block;content:"\e902";font-family:'craftpix-icons';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.widget.widget_newsletter{padding:25px 25px 15px;color:#fff;text-align:center;background:#3F3F3F}
.widget.widget_newsletter h3{color:#929292}
.widget.widget_newsletter span{margin-bottom:15px;display:block;font-size:12px;line-height:22px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.widget.widget_newsletter input{margin:0 2px 15px;border:none}
.widget.widget_newsletter input[type="submit"]{display:inline-block}
.widget.widget_newsletter .mc4wp-alert{padding:15px;border-width:1px;border-style:dotted}
.widget.widget_newsletter .mc4wp-alert p{margin-bottom:0;font-size:12px;color:#fff}
.widget.widget_newsletter .mc4wp-success{border-color:green}
.widget .dfad{margin:0 -15px;text-align:center}
.widget .footer-social{display:block;margin-bottom:20px}
.widget .footer-social a{display:inline-block;margin-right:16px;color:#333;font-size:16px}

.site-footer{padding:30px 0 20px;line-height:22px;background:#fff}
.site-footer-simple{padding:30px 0}
#footer-simple-nav ul{margin:0 0 16px} 
#footer-simple-nav li{display:inline-block;margin:0 8px}

.element-grid{background:#fff;margin-bottom:25px;padding:20px;-moz-box-sizing:border-box;box-sizing:border-box}
.element-grid:after{width:auto;clear:both;content:''}
.element-grid :last-child{margin-bottom:0}
.element-grid-nav-list{margin:0}
.element-grid-nav-list li{list-style:none;margin-bottom:0}
.element-grid-nav-list li a{display:block;padding:20px 0;border-bottom:1px solid #eee}
.element-grid-nav-list li:first-child a{padding:0 0 20px}
.element-grid-nav-list li:last-child a{border-bottom:0;padding:20px 0 0}

.blog-grid-item{position:relative;background:#fff;margin-bottom:25px;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px;overflow:hidden}
.blog-grid-item:after,.blog-grid-item:before,.blog-grid-item .entry-content:after,.blog-grid-item .entry-content:before{content:' ';clear:both;display:table;line-height:0}
.blog-grid-item .entry-content{padding:20px}
.blog-grid-item .entry-content p:last-child{margin-bottom:0}
.blog-grid-item ul.doc{margin-left:0;margin-bottom:24px}
.blog-grid-item ul.doc ul{margin:0 0 24px 24px}
.blog-grid-item ul.doc li{line-height:24px;list-style:none}
.blog-grid-item .example-toggle{cursor: pointer;text-decoration: underline;color:#1787cf}
.blog-grid-item .example{color:#1787cf}
.blog-grid-item .entry-header .entry-title{padding:20px;margin-bottom:0}
.blog-grid-item .entry-header h1.entry-title:after{display:block;content:''}

.collection-item .entry-info{padding:8px 14px 8px}
.collection-item .entry-info span{margin-bottom:10px}
.collection-item .entry-info p{line-height:20px;margin-bottom:0}
.collection-grid{column-gap: 1px;row-gap: 1px;column-count: 2;display: grid;grid-template-columns: repeat(2, 1fr)}


.search h1{margin-bottom:32px}
.filter-unit,
.woocommerce-MyAccount-navigation{background:#f1f1f1;border-radius:4px;display:block;overflow:hidden;margin-bottom:20px}
.filter-unit ul,
.woocommerce-MyAccount-navigation ul{margin:0}
.filter-unit ul li,
.woocommerce-MyAccount-navigation ul li{display:block;margin-bottom:0}
.filter-unit ul li:hover{background:rgba(0,0,0,.05)}
.filter-unit ul li a, .filter-unit ul li span,
.woocommerce-MyAccount-navigation ul li a{display:block;padding:8px 16px;font-size:14px;line-height:1.5;color:#555}
.filter-unit ul li span{opacity:0.5}
.filter-unit ul li a:hover
.woocommerce-MyAccount-navigation ul li a:hover{color: #2f2f2f;background-color:#d4d4d4}
.filter-unit ul li.current-menu-item a,
.woocommerce-MyAccount-navigation ul li.is-active a{background:#1787cf;color:#fff}

a.browse-all{position:relative;display:block;margin:-5px 0 20px;text-align:center;vertical-align:middle;color:#555;background-color:#edeff1;padding:6px 20px;font-size:14px;line-height:24px;border-radius:4px;cursor:pointer}
a.browse-all:hover{color:#2f2f2f;background-color:#e0e5eb}

.post-thumbnail{position:relative;display:block;overflow:hidden}
.post-thumbnail img{width:100%;height:auto;max-height:100%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.post-thumbnail a{display:block;line-height:1px;cursor:pointer}
.post-thumbnail a:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
.post-thumbnail .marker{position:absolute;top:10px;left:0;text-align:center;padding:0 15px;width:64px;height:17px;line-height:18px;font-size:12px;font-weight:700;text-transform:uppercase;color:#fff}
.post-thumbnail .marker.free{background:rgba(23,135,207,0.98)}
.post-thumbnail .marker.premium{background:rgba(252,147,38,0.98)}
.post-thumbnail .marker.premium.sale{background:rgba(252,95,94,0.98)}
.post-thumbnail .marker.premium.only:before{content:"\e90b1";font-size:16px;font-family:'craftpix-icons'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.post-thumbnail.sale .marker.premium{background:rgba(252,95,94,0.98)}
.post-thumbnail.sale .marker.premium ins{text-decoration:none}

.product .entry-info,.freebie .entry-info{position:relative;padding:8px 10px 8px 80px;height:54px}
.product .entry-info h2,.freebie .entry-info h2, .collection-item .entry-info h2{margin:0;line-height:20px}
.product .entry-info h2 a,.freebie .entry-info h2 a, .collection-item .entry-info a{color:#333;text-transform:none;font-weight:500;font-size:14px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;cursor:pointer;margin-bottom:4px;font-family:'Roboto'}
.product .entry-info .cat,.freebie .entry-info .cat, .collection-item .entry-info .count{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:12px}
.product .entry-info .cat a,.freebie .entry-info .cat a{color:#777;font-size:12px;text-decoration:underline}
.product .entry-info .cat a:hover,.freebie .entry-info .cat a:hover{text-decoration:none}
.product .offer,.product .icon,.freebie .offer{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:66px;height:54px;padding:5px 0;background-color:#fc9326;color:#fff;font-weight:900;font-size:16px;line-height:16px;vertical-align:middle;text-align:center;text-transform:uppercase;text-decoration:none}
.product.sale .offer,.product.sale .premium{background-color:#fc5f5e}
.product.sale .offer del{display:block;font-size:13px;width:100%;opacity:.7;position:absolute;top:9px;left:0}
.product.sale .offer ins{display:block;width:100%;clear:both;position:absolute;bottom:10px;left:0;font-size:18px;text-decoration:none}
.product .icon:before{font-family:'craftpix-icons'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.product .premium:before{content:"\e90b1";font-size:24px}
.product .download:before{content:"\e90a";font-size:24px}
.freebie .offer{background-color:#1787cf}
#count_num{color:#1787cf}
.btn{margin-bottom:20px;padding:8px 45px;display:inline-block;font-size:18px;line-height:25px;font-weight:400;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1787cf;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.btn:hover{text-decoration:none;color:#fff;background:#0398f9}
.btn-large,input[type="submit"].btn-large{font-size:18px;line-height:50px;padding:0 30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.btn.btn-orange{background:#e56c11}
.btn.btn-orange:hover{background:#fd6d00}
.btn.btn-red{background:#fc5f5e}
.btn.btn-red:hover{background:#ec3b3a}

.wp-pagenavi{clear:both}
.wp-pagenavi{margin-bottom:25px;padding:25px 20px;text-align:center;background:#fff;border-radius:4px}
.wp-pagenavi a,.wp-pagenavi span{padding:0 10px;display:inline-block}

#discord a{background:#5865F2;display:block;margin-bottom:25px;text-align:center;border-radius:4px}

.single-article .textwidget,.archive-posts .textwidget,.site-content .textwidget{margin:10px 0 30px;text-align:center}
.single-article .entry-header .textwidget{margin:20px 0 0}
.mc4wp-form, .main-content .searchform{margin-top:30px;display:block}
.mc4wp-form input[type="email"], .main-content .searchform #s{padding:15px 25px;display:inline-block;font-size:16px}
.mc4wp-form input[type="submit"], .main-content .searchform #searchsubmit{padding:15px 25px;margin-left:20px;display:inline-block;font-size:16px}

.text-success{color:green;font-weight:600}

.social{margin:0;text-align:center;margin-bottom:12px}
.social li{display:inline-block;margin:0 3px}
.social li a{display:block;padding:10px 15px;color:#fff;border-radius:4px}
.social li a.twitter{background:#50abf1}
.social li a.twitter:hover{background:#2b98ec}
.social li a.facebook{background:#3b599a}
.social li a.facebook:hover{background:#22489a}


#download_page h1{text-align:center}
#download_page .mc4wp-form{margin-bottom:10px}

#cookie-notice .cn-set-cookie{background:#1787cf;color:#fff;display:inline-block;line-height:25px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;padding:.05em 1em}
#cookie-notice .cn-set-cookie:hover{background:#0398f9}
#cookie-notice .cn-more-info:hover{color:#fff}

.unit-plan{background:#fff;color:#333;border-radius:16px;padding:0 30px 20px;margin-bottom:30px}
.unit-plan h3.title-plan{line-height:88px;font-size:32px;text-align:center;font-weight:400}
.unit-plan .price{display:flex;position:relative;justify-content:center;margin-bottom:20px}
.unit-plan .price .currency{height:41px;font-size:28px;font-weight:500;line-height:44px;position:absolute;top:0;right:100%;margin-right:4px}
.unit-plan .price .num{position:relative;height:41px;font-size:56px;line-height:44px;margin:0 4px}
.unit-plan .price .permonth{font-size:14px;font-weight:700;display:inline-block;position:absolute;top:14px;left:100%;width:70px;margin-left:4px}
.unit-plan .info{color:#a9acb2;text-align:center;margin-bottom:40px}
.unit-plan ul{margin:0 0 20px 30px;list-style:none}
.unit-plan ul li{position:relative;margin-bottom:10px}
.unit-plan ul li:before{content:'';position:absolute;top:3px;left:-30px;display:block;width:16px;height:16px;background:url(https://craftpix.net/wp-content/themes/craftpix/assets/images/check.svg)}
.unit-plan ul li.off{color:#A9ACB2}
.unit-plan ul li.off:before{background:url(https://craftpix.net/wp-content/themes/craftpix/assets/images/off.svg)}
.unit-plan .btn{width:100%;border:2px solid #1787cf;font-family:roboto;font-weight:500;letter-spacing:.1px;text-transform:uppercase;font-size:16px;border:2px solid #1787cf;outline:0}
.unit-plan .btn:hover{border:2px solid #0398f9}
.unit-plan .btn-sec{border:2px solid #1787cf;background:transparent;color:#1787cf}
.unit-plan .btn-sec:hover{background:#0398f9;color:#fff}
.ta-r{text-align:right}
.currency-price{display:inline-block;margin-bottom:15px}
.currency-price .act{color:#1787cf}
.toggle-pay{display:flex;justify-content:center;align-items:center}
.pay-radio{font-size:20px;font-weight:500;margin-bottom:0;background:transparent;color:#1787cf;font-weight:500;font-family:roboto;outline:0;position: relative}
.pay-radio:hover{background:transparent}
.pay-radio.deactivated{color:#a9acb2}
.pay-radio span{position:absolute;top:0;left:100%;margin-left:-10px;width:165px;display:block;text-align:left;font-weight:500}
.tgl{display:none}
.tgl::-moz-selection,.tgl:after::-moz-selection,.tgl:before::-moz-selection,.tgl ::-moz-selection,.tgl :after::-moz-selection,.tgl :before::-moz-selection,.tgl + .tgl-btn::-moz-selection,.tgl::selection,.tgl:after::selection,.tgl:before::selection,.tgl ::selection,.tgl :after::selection,.tgl :before::selection,.tgl + .tgl-btn::selection{background:none}
.tgl + .tgl-btn{margin:0 15px;box-sizing:content-box;border:2px solid #1787cf;outline:0;display:block;width:4em;height:2em;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tgl + .tgl-btn:after,.tgl + .tgl-btn:before{position:relative;display:block;content:"";width:50%;height:100%}
.tgl + .tgl-btn:after{border-radius:50%;background:#1787cf;-webkit-transition:all .2s ease;transition:all .2s ease;left:0}
.tgl + .tgl-btn:before{display:none}
.tgl:checked + .tgl-btn:after{left:50%}
.tgl + .tgl-btn{background:transparent;border-radius:2em;padding:2px;-webkit-transition:all .4s ease;transition:all .4s ease}

@media all and (min-width:0px) and (max-width:768px) {
.promo-event{min-height:100px;background-image:none!important}
}
@media only screen and (min-width:768px) {
#header .header-search{margin-top:20px}
#header .user-nav li{width:auto}
.admin-bar #header{top:32px} 
a.browse-all{display:block}
}
@media only screen and (min-width:992px) {
#wrap{padding-top:152px}
#wrap.wrap-simple-page{padding-top:110px}
#header{position:absolute;top:0;width:100%;z-index:10;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s}
#header.header-fixed{position:fixed}
#header #menu-right-menu > li:first-child > a:before{content:'';position:absolute;left:-40px;top:10px;width:1px;height:22px;background:#fff;opacity:.3}
#header .user-nav{text-align:right;padding:0;margin:28px 0 0;text-align:right;display:block}
#header .user-nav li{display:inline-block;margin-right:20px;padding:0;position:relative}
#header .user-nav .account-nav{background:#596c7a;padding:15px 25px 10px;text-align:left;position:absolute;top:100%;left:-50%;margin:15px 0 0 20px;z-index:9;box-shadow:0 5px 10px 0 rgba(36,35,56,.2);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#header .user-nav .account-nav:before{position:absolute;top:-6px;left:50%;border:8px solid #596c7a;border-radius:3px;content:"";-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}
#header .user-nav .account-nav:after{position:absolute;top:-20px;left:0;width:100%;height:20px;content:'';background:transparent}
#header .user-nav .account-nav li{display:block;margin:0 0 5px}
#header .user-nav .account-nav a{color:#ececec;white-space:pre}
#header .user-nav .account-nav a:hover{color:#fff}
#header .user-nav .account-sub.active .account-nav{display:block;-webkit-animation:account .5s cubic-bezier(.68,-.55,.265,1.55) forwards;animation:account .5s cubic-bezier(.68,-.55,.265,1.55) forwards}
#header .header-search{padding:0 55px 0 0}
#header .header-search:before,#header .header-search:after{display:none}
body.off-canvas #header.header-fixed{background:rgba(250,250,250,0.97);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);border:0}
body.off-canvas #header.header-fixed .header-nav{background:rgba(36,50,56,0.5)}
body.off-canvas #header.header-fixed .header-nav li ul{background:rgba(36,50,56,0.9)}
body.off-canvas #header.header-fixed .header-nav:hover{background:rgba(36,50,56,0.9)}
body.off-canvas #header.header-fixed .header-nav:hover li ul{background:rgba(36,50,56,0.9)}
body.admin-bar #header{top:0px}
body.admin-bar #header.header-fixed{top:32px}
.wp-just-stars{text-align:right}
.d-md-f{display:flex}
.p-md-s{position:sticky;top:184px}
.f-p{flex:1 0 0}
.f-00a{flex:0 0 auto}
.f-01a{flex:0 1 auto}
}
@media only screen and (min-width:1200px) {
#header .header-search{padding:0 55px 0 94px}
#header .header-search:before,#header .header-search:after{display:block}
}
@-webkit-keyframes account {
0%{opacity:0;-webkit-transform:translateY(-20%) translateX(-0%) scale(.8);transform:translateY(0%) translateX(-0%) scale(.8)}
to{-webkit-transform:translateY(0%) translateX(0%) scale(1);transform:translateY(0%) translateX(0%) scale(1);opacity:1}
}
@keyframes account {
0%{opacity:0;-webkit-transform:translateY(-20%) translateX(-0%) scale(.8);transform:translateY(0%) translateX(-0%) scale(.8)}
to{-webkit-transform:translateY(0%) translateX(0%) scale(1);transform:translateY(0%) translateX(0%) scale(1);opacity:1}
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

#special_offer{gap:24px;justify-content:center;display:none;height:160px;width:100%;margin-top:-30px;background:#BDBEC5;position:relative;padding:0 15px 24px;margin-bottom:15px;overflow:hidden}
#special_offer .pattern{width:100%;height:36px;background:url(https://craftpix.net/wp-content/themes/craftpix/assets/images/offer/pattern.svg?2) repeat-x;background-position:center bottom;position:absolute;bottom:0;left:0}
#special_offer .offer{color:#fff;display:flex;flex-direction:column;text-transform:uppercase;font-family:'RobotoCondensed';justify-content:center}
#special_offer .offer .row-1{text-transform:uppercase;font-family:'RobotoCondensed';font-size:46px;line-height:56px;width:100%;display:inline-block}
#special_offer .offer .row-2{font-size:32px;letter-spacing:1px}

t-flip-clock{display:flex;justify-content:center;align-items:center;gap:12px;font-family:"Roboto Condensed",sans-serif;font-weight:800}
.flip-clock{display:flex;position:relative;width:110px;height:110px;aspect-ratio:1/1;line-height:110px;color:#252525;font-size:80px;text-align:center;border-radius:2rem;box-shadow:3px 3px 6px #0000001a}
.flip-clock .digital:before,.flip-clock .digital:after{content:"" attr(data-number) "";position:absolute;left:0;right:0;background-color:#fff;overflow:hidden;box-sizing:border-box}
.flip-clock .digital:before{top:0;bottom:50%;border-radius:2rem 2rem 0 0;border-bottom:solid .5px #000}
.flip-clock .digital:after{top:50%;bottom:0;border-radius:0 0 2rem 2rem;line-height:0;border-top:solid .5px #000}
.flip-clock.down .back:before,.flip-clock.down .front:after{z-index:1}
.flip-clock.down .back:after{z-index:2;transform-origin:50% 0;transform:perspective(52rem) rotate(180deg)}
.flip-clock.down .front:before{z-index:3}
.flip-clock.down.go .front:before,.flip-clock.down.go .back:after{will-change:transform}
.flip-clock.down.go .front:before{transform-origin:50% 100%;animation:frontFlipDown .6s ease-in-out both;backface-visibility:hidden}
.flip-clock.down.go .back:after{animation:backFlipDown .6s ease-in-out both;backface-visibility:hidden}
.flip-clock .label{width:100%;position:absolute;bottom:4px;left:0;font-size:12px;line-height:16px;z-index:3}
@keyframes frontFlipDown {
0%{transform:perspective(52rem) rotateX(0deg)}
100%{transform:perspective(52rem) rotateX(180deg)}
}
@keyframes backFlipDown {
0%{transform:perspective(52rem) rotateX(180deg)}
100%{transform:perspective(52rem) rotateX(0deg)}
}
.flip-clock:not(.go) .front:before,.flip-clock:not(.go) .back:after{will-change:auto}