/*!
Theme Name: kinghome
Theme URI: https://kingthemes.net/
Author: kingtheme
Author URI: https://kingthemes.net/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kinghome
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,
strong{font-weight:bolder}
code,
kbd,
samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
img{border-style:none}
button,
input,
optgroup,
select,
textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,
input{overflow:visible}
button,
select{text-transform:none}
button,
[type="button"],
[type="reset"],
[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:0.35em 0.75em 0.625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],
[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
*,
*::before,
*::after{box-sizing:inherit}
html{box-sizing:border-box}
body,
button,
input,
select,
optgroup,
textarea{color:#404040;font-family:'Nunito',sans-serif;-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.5}
h1,
h2,
h3,
h4,
h5,
h6{clear:both;font-weight:500}
h1{font-size:54px;line-height:62px;margin:22px}
h2{font-size:34px;line-height:44px;margin-bottom:22px}
h3{font-size:22px;line-height:34px;margin:7px 0}
h4{font-size:18px;line-height:32px;margin-bottom:7px}
h5{font-size:16px;line-height:26px;margin-bottom:7px}
h6{font-size:14px;line-height:24px;margin-bottom:7px}
p{margin-bottom:1.5em}
dfn,
cite,
em,
i{font-style:italic}
blockquote{margin:0 1.5em}
address{margin:0 0 1.5em}
pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}
code,
kbd,
tt,
var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}
abbr,
acronym{border-bottom:1px dotted #666;cursor:help}
mark,
ins{background:#fff9c0;text-decoration:none}
big{font-size:125%}
body{background:#fff}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}
ul,
ol{margin:0 0 1.5em 3em}
ul{list-style:disc}
ol{list-style:decimal}
li > ul,
li > ol{margin-bottom:0;margin-left:1.5em}
dt{font-weight:700}
dd{margin:0 1.5em 1.5em}
embed,
iframe,
object{max-width:100%}
img{height:auto;max-width:100%}
figure{margin:1em 0}
table{margin:0 0 1.5em;width:100%}
a{color:#000;text-decoration:none;outline:0}
a:focus,
a:hover,
a:visited,
a:active{outline:none!important}
a:focus{outline:thin dotted}
a:hover,
a:active{outline:0}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,0.8);line-height:1;padding:0.6em 1em 0.4em}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{border-color:#ccc #bbb #aaa}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus{border-color:#aaa #bbb #bbb}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus{color:#111}
select{border:1px solid #ccc}
textarea{width:100%}
.site-header{position:fixed;height:80px;padding:0 80px;display:flex;align-items:center;justify-content:space-between;top:0;z-index:12;opacity:0.7;transition:all .45s cubic-bezier(0.25,1,0.33,1);width:100%}
.site-header:hover{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(255,255,255);box-shadow:0 1px 2px rgb(0 0 0 / 4%);opacity:1;}
.site-header:hover .st0,
.site-header.fixed .st0{fill:#333;}
.site-header.fixed{height:64px;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background-color:rgba(255,255,255,0.72);box-shadow:0 1px 2px rgb(0 0 0 / 4%);opacity:1;}
.site-branding svg{max-height:40px;margin-top:8px;width:auto}
.site-branding{flex:1}
.main-navigation{display:flex;align-items:center;justify-content:center;flex:3}
.buynow{flex:1;display:flex;justify-content:flex-end}
.buynow a{border:2px solid #fff;color:#fff;font-size:14px;font-weight:600;height:40px;line-height:36px;text-decoration:none;border-radius:32px;padding:0 20px}
.fixed .buynow a,
.site-header:hover .buynow a{color:#333;border-color:#333}
.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}
.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);top:0;position:absolute;top:100%;left:10px;right:10px;background-color:#fff;border-radius:12px;padding:20px;opacity:0;visibility:hidden;z-index:99999}
.main-navigation ul ul ul{left:-999em;top:0}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul{display:block;left:auto}
.main-navigation ul ul a{width:200px;color:#333;}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul{opacity:1;visibility:visible;}
.main-navigation li{padding:0 12px}
.menu-toggle,
.main-navigation.toggled ul{display:block}
@media screen and (min-width:37.5em){
	.menu-toggle{display:none}
	.main-navigation ul{display:flex}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation{margin:0 0 1.5em}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links{display:flex}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{flex:1 0 50%}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next{text-align:end;flex:1 0 50%}
.sticky{display:block}
.updated:not(.published){display:none}
.page-content,
.entry-content,
.entry-summary{margin:1.5em 0 0}
.page-links{clear:both;margin:0 0 1.5em}
.comment-content a{word-wrap:break-word}
.bypostauthor{display:block}
.widget{margin:0 0 1.5em}
.widget select{max-width:100%}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}
.custom-logo-link{display:inline-block}
.wp-caption{margin-bottom:1.5em;max-width:100%}
.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}
.wp-caption .wp-caption-text{margin:0.8075em 0}
.wp-caption-text{text-align:center}
.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}
.gallery-item{display:inline-block;text-align:center;width:100%}
.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.gallery-columns-6{grid-template-columns:repeat(6,1fr)}
.gallery-columns-7{grid-template-columns:repeat(7,1fr)}
.gallery-columns-8{grid-template-columns:repeat(8,1fr)}
.gallery-columns-9{grid-template-columns:repeat(9,1fr)}
.gallery-caption{display:block}
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer{display:none}
.infinity-end.neverending .site-footer{display:block}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:0.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
#primary[tabindex="-1"]:focus{outline:0}
.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}
.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}
.homehead{overflow:hidden;position:relative}
.homehead-back{background-repeat:no-repeat;background-size:cover;position:relative;background-attachment:scroll;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;animation:circle-chart-fill 8s reverse;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:transform 8s cubic-bezier(0.1,0.2,.7,1);transition:transform 8s cubic-bezier(0.1,0.2,.7,1)}
@keyframes circle-chart-fill{
	to{-webkit-transform:scale(1.35);transform:scale(1.35)}
}
.homehead-back:after{content:'';z-index:2;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(17,54,71,0.62);background:linear-gradient(90deg,rgba(17,54,71,0.62) 0%,#354856 100%);opacity:0.3}
.homehead-content{padding-top:calc(110vw * 0.12);padding-bottom:calc(110vw * 0.12);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3;max-width:600px;margin:0 auto;color:#fff;text-align:center}
.homehead .homehead-content h1{letter-spacing:1em;text-transform:uppercase;text-align:center;text-indent:1em;font-weight:600}
.homehead-desc{margin-bottom:20px}
.king-home{display:flex;flex-direction:column}
.homedemos{display:block;text-align:center;background-color:#fff;padding:0;margin:0;color:#8c8c8c;padding-top:calc(20vw * 0.12);padding-bottom:calc(60vw * 0.12)}
.dtitle{display:block;margin:0 auto;max-width:700px;padding-top:calc(30vw * 0.12);padding-bottom:calc(30vw * 0.12);font-size:17px}
.homedemo-desc{line-height:32px;color:#cbcbcb}
.homedemos h2{color:#333;font-size:48px;font-weight:normal;letter-spacing:.15em;margin:0 0 22px 0}
.demoul{display:flex;list-style:none;justify-content:space-around;flex-wrap:wrap;margin:40px 20px;padding:0;align-items:stretch;-webkit-align-item:stretch}
.demoul li{width:47%;padding:14px 14px 70px 14px;min-height:250px}
.demoul li .demoli{outline:0;display:flex;flex-direction:column;color:#a8a8a8;border-radius:30px;position:relative;text-decoration:none;text-align:left;font-size:13px}
.showos{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);transition:all 1s ease-in-out}
.demo-title{display:flex;display:-webkit-flex;align-items:flex-start;-webkit-align-items:flex-start}
.demoul li:nth-child(2n+1) .demo-title{justify-content:flex-end}
.demoli h3{color:#1d1d1f}
.king-image{display:block;width:100%;height:340px;border:8px solid #000;border-radius:18px;overflow:hidden;transition:box-shadow .2s cubic-bezier(0.4,0,1,1);-webkit-transition:box-shadow .2s cubic-bezier(0.4,0,1,1);box-shadow:12px 12px 22px rgb(0 0 0 / 28%);background-color:#333}
.demoli:hover .king-image{box-shadow:0 4px 6px rgb(0 0 0 / 18%)}
.king-image img{height:100%;object-fit:cover;object-position:top left;width:100%;opacity:0}
.showos.shown .demoli img.loaded{-webkit-transition:opacity 1s ease 0.35s;transition:opacity 1s ease 0.35s;opacity:1}
.showos.shown{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.demo-circle{text-align:left;margin-bottom:12px;color:#06aaff;font-size:7px}
.demo-circle i:first-child{color:#febd02;margin-right:4px}
.demo-circle i:nth-child(2){color:#fa6252;margin-right:4px}
.demos-more{border:2px solid #333;color:#333;max-width:260px;padding:10px;border-radius:32px;margin:0 auto}
.newc{background-color:rgb(246 71 102);padding:4px 8px;border-radius:6px;color:#fff;font-size:10px;font-weight:bold}
.homefeatures{text-align:center;padding-top:calc(60vw * 0.12);padding-bottom:calc(60vw * 0.12);background-color:#161616;color:#fff}
.homehelp{background:#3cb878;padding-top:calc(20vw * 0.12);padding-bottom:calc(20vw * 0.12)}
.homehelp h2{font-size:44px;color:#ffffff;line-height:60px}
.featuresul{display:flex;list-style:none;justify-content:space-between;flex-wrap:wrap;margin:20px;padding:0;align-items:stretch;-webkit-align-item:stretch}
.featuresul li{width:33.33%;margin:40px 0}
.ficon{border:2px solid #313131;height:127px;margin:0 auto;width:127px;border-radius:100%;line-height:123px;display:flex;align-items:center;justify-content:center;position:relative;background-color:#161616;background-clip:padding-box}
.ficon i{font-size:50px;color:#683bc3;background:linear-gradient(to bottom right,#9d37b8,#683bc3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;display:initial}
.ficon:before{position:absolute;z-index:-1;content:'';display:block;top:0;left:0;bottom:0;right:0;opacity:0;margin:-2px;background:#683bc3;background:linear-gradient(to bottom right,#9d37b8,#683bc3);border-radius:100px;-webkit-transition:opacity .45s cubic-bezier(0.25,1,0.33,1);transition:opacity .45s cubic-bezier(0.25,1,0.33,1)}
.featuresul li:hover .ficon:before{opacity:1}
.ficon:hover{border-color:transparent}
.homehead-button{display:inline-block;padding:11px 38px;border:2px solid #fff;color:#fff;border-radius:36px;margin-top:25px;margin-right:10px;margin-left:10px;font-size:12px;font-weight:700;position:relative;-ms-transition:opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);-webkit-transition:opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);transition:opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1)}
.homehead-button:hover{background-color:#fff;color:#333;box-shadow:0 20px 38px rgb(0 0 0 / 16%);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-transform:translateY(-3px)}
.filled{background-color:#fff;color:#333}
.homehead-button i{position:absolute;right:4px;top:5.5px;width:28px;height:28px;text-align:center;line-height:28px;border-radius:100%;background-color:#00000014}
.animated:before,
.animated:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:200px;border:1px solid #ffffff;-webkit-animation:buyBorder 2.6s cubic-bezier(.25,.9,.2,1) 0.4s infinite;animation:buyBorder 2.6s cubic-bezier(.25,.9,.2,1) 0.4s infinite;z-index:2}
.animated:after{-webkit-animation:buyBorder 2.6s cubic-bezier(.25,.9,.2,1) 0s infinite;animation:buyBorder 2.6s cubic-bezier(.25,.9,.2,1) 0s infinite}
@keyframes buyBorder{
	0%{top:0;left:0;right:0;bottom:0}
	50%{top:-12px;left:-12px;right:-12px;bottom:-12px;opacity:0}
	100%{opacity:0}
}
.withicon{padding-right:44px}
.king-head-nav{height:100%;display:flex;align-items:stretch;justify-content:center;flex:3;flex-grow:1;}
.king-head-nav div>ul{list-style:none;margin:0;padding-left:0;display:flex;height:100%;align-items:stretch;}
.king-head-nav div>ul>li{display:flex;align-items:center;margin:0 14px;}
.king-head-nav div>ul>li > ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);top:0;position:absolute;top:100%;left:0;right:0;background-color:#fff;transition:all .45s cubic-bezier(0.25,1,0.33,1);padding:20px;opacity:0;visibility:hidden;display:flex;flex-wrap:wrap;justify-content:space-around;z-index:99999}
.king-head-nav div>ul>li:hover > ul{opacity:1;visibility:visible;}
.king-head-nav ul{padding:0;margin:0;}
.king-head-nav ul ul ul ul{padding-left:10px;}
.king-head-nav .sub-menu>li{list-style:none;}
.king-head-nav .sub-menu .menu-item-has-children>a{font-weight:bold;}
.king-head-nav div>ul>li > ul>li{margin-top:24px;display:block;transition:all 0.8s ease;opacity:0;max-width:20%;}
.king-head-nav div>ul>li:hover ul>li{opacity:1;margin-top:0;}
.king-head-nav div>ul>li > a{color:#fff;font-size:15px;}
.fixed .king-head-nav div>ul>li > a,
.site-header:hover .king-head-nav div>ul>li > a{color:#000}
.sub-menu a{color:#65737f;margin:4px 0;display:block;}
.king-head-mobile{position:fixed;padding:80px 0;right:-100%;top:0;bottom:0;z-index:14;background-color:#ff345e;width:80%;overflow:auto;display:flex;transition:all 0.8s ease;justify-content:center;}
.king-head-mobile.open{right:0;}
.king-head-mobile ul{margin:0;padding-left:20px;list-style:none;}
.king-head-mobile a{font-size:22px;margin:10px 0;color:#fff;font-weight:300;}
.menu-item-has-children>a,
.king-head-mobile div>ul>li>a{font-weight:bold;}
.king-head-toggle{display:none;}
.king-head-mobile-close{position:absolute;left:50%;transform:translateX(-50%);background-color:inherit;border:0;color:#fff;cursor:pointer;top:10px;}
@media screen and (max-width:900px){
	.king-head-toggle{display:flex;height:100%;align-items:center;width:60px;justify-content:flex-end;font-size:22px;cursor:pointer;color:#fff;}
	.fixed .king-head-toggle{color:#333;}
	h1{font-size:42px}
	h2{font-size:36px!important}
	.demoul{flex-direction:column;}
	.demoul li{width:auto;padding:7px 7px 30px 7px}
	.demo-title{justify-content:flex-start!important}
	.featuresul li{width:50%}
	.homehead-content{padding-top:calc(200vw * 0.12);padding-bottom:calc(200vw * 0.12);}
	.king-head-nav,
	.buynow{display:none;}
	.site-header{justify-content:space-between;padding:0 20px;}
}