:root{--main-color:#212529;--facebook-color:#3b5998;--twitter-color:#00acee;--line-color:#00c300;--instagram-color:#dd2a7b;--youtube-color:#c4302b;--linkedin-color:#0077b5;--tumblr-color:#3b5998}@font-face{font-family:'indy-font';src:url(//khaodd.com/wp-content/themes/smartvariety_1.0.5/styles/../fonts/indy-font.eot);src:url(//khaodd.com/wp-content/themes/smartvariety_1.0.5/styles/../fonts/indy-font.eot?#iefix) format('embedded-opentype'),url(//khaodd.com/wp-content/themes/smartvariety_1.0.5/styles/../fonts/indy-font.woff2) format('woff2'),url(//khaodd.com/wp-content/themes/smartvariety_1.0.5/styles/../fonts/indy-font.woff) format('woff'),url(//khaodd.com/wp-content/themes/smartvariety_1.0.5/styles/../fonts/indy-font.ttf) format('truetype'),url(//khaodd.com/wp-content/themes/smartvariety_1.0.5/styles/../fonts/indy-font.svg#../fonts/indy-font) format('svg');font-style:normal}body{margin:0;padding:0;font-size:14px}.app--light body{background-color:#fff}.app--light .text-primary-color{color:#000}.app--dark .text-primary-color{color:#fff}.app--dark body,.app--dark .header__top,.app--dark .headerxs,.app--dark .card{background:#000 !important}.app--dark .card{border-color:#ccc}@media (max-width:992px){header{padding-bottom:50px}#wpadminbar{position:fixed}}.hover-effect{overflow:hidden}.hover-effect figure{transition:transform .3s}.hover-effect:hover figure{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}@keyframes fadeInSownShort{from{opacity:0;transform:translate3d(0,-50px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.fadeInSownShort{animation-name:fadeInSownShort;animation-duration:.8s}.title-font{font-family:'indy-font';line-height:1.3;margin:0}.flex-center{display:flex;justify-content:center;align-items:center}.flex-center-y{display:flex;align-items:center}.text-truncate-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.imagewrapper{position:relative;overflow:hidden;height:0;background:#bdc3c7}.imagewrapper .img{position:absolute;left:50%;top:50%;height:100%;width:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.imagewrapper .img.portrait{width:100%;height:auto}.thumb-overlay:before,.thumb-overlay-md:before,.thumb-overlay-lg:before{content:'';position:absolute;z-index:1;left:0;right:0;bottom:0;height:65%;transition:opacity .2s;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.75));-webkit-backface-visibility:hidden;backface-visibility:hidden}@media screen and (max-width:768px){.thumb-overlay-md:after{display:none !important}}.categorytag{padding:2px 8px;border-radius:20px;display:inline-block;color:#fff;font-size:12px;transition:opacity .3s}.categorytag:hover{opacity:.7}.categorytag--1{background-color:#e74c3c}.categorytag--2{background-color:#ce5c33}.categorytag--3{background-color:#f39c12}.categorytag--4{background-color:#e67e22}.categorytag--5{background-color:#d8478d}.categorytag--6{background-color:#a53e6f}.categorytag--7{background-color:#9b59b6}.categorytag--8{background-color:#265288}.categorytag--9{background-color:#3498db}.categorytag--10{background-color:#809f25}.categorytag--11{background-color:#27ae60}.categorytag--12{background-color:#1abc9c}.account__item{cursor:pointer;display:inline-block;padding:0 10px}.account__item>a{text-decoration:none}.account__item>a:hover{color:#e74c3c}.header__top{height:35px;background:#f4f4f4;border-bottom:1px solid #eee;font-size:13px}.headertop__account .account__item:not(:last-child){border-right:1px solid #ddd;padding-left:0 !important}.header__bottom{padding-top:30px;padding-bottom:30px;min-height:100px}.headerbottom__logo img{max-width:100%}.socialfollow{margin-left:-10px}.socialfollow a{text-decoration:none;color:var(--main-color)}.socialfollow__item{cursor:pointer;padding:0 10px;transition:all .2s}.socialfollow__item:hover{transform:scale(1.5)}.socialfollow__item--facebook:hover{color:var(--facebook-color) !important}.socialfollow__item--twitter:hover{color:var(--twitter-color) !important}.socialfollow__item--line:hover{color:var(--line-color) !important}.socialfollow__item--instagram:hover{color:var(--instagram-color) !important}.socialfollow__item--youtube:hover{color:var(--youtube-color) !important}.socialfollow__item--linkedin:hover{color:var(--linkedin-color) !important}.socialfollow__item--tumblr:hover{color:var(--tumblr-color) !important}.socialfollowxs>.socialfollow{justify-content:center;padding:40px 0}.socialfollowxs>.socialfollow .socialfollow__item{color:#fff}.searchform{padding:4px;border:1px solid #ddd;border-radius:30px}.searchform__input{margin:0 10px;width:150px;font-size:14px;background:rgba(0,0,0,0);border:none;outline:none;transition:all .5s}.searchform__input:hover,.searchform__input:focus{width:200px}.searchform__button button{width:30px;height:30px;font-size:12px;color:#fff;border-radius:100%;border:none;outline:none;background:var(--gray-dark);transition:all .5s}.searchform__button button:hover{transform:rotate(360deg);background:#c0392b}.searchformxs{right:-100%}.searchformxs .input-group{flex-wrap:nowrap}.searchformxs__input{margin-bottom:15px;font-size:20px;background:rgba(0,0,0,0);border:none;border-bottom:1px solid #60656a;outline:none;padding:5px;color:#fff}.searchformxs__button{padding-left:15px;font-size:20px;color:#fff}.navlg{border-top:1px solid #eee;border-bottom:1px solid #eee;min-height:50px}.navlg .menu-wrapper{flex-wrap:wrap;width:100%;font-size:14px}.navlg__menu{position:relative;cursor:pointer;padding:10px 0;color:var(--main-color);text-align:center;transition:all .3s}.navlg__menu:last-child>.navlgmenu__item{border-right:none}.navlg__menu:after{content:'';position:absolute;width:0;height:2px;bottom:-4px;left:0;right:0;margin:0 auto;background-color:#e74c3c;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.navlg__menu:hover{color:#e74c3c;text-decoration:none}.navlg__menu:hover:after{width:calc(100% - 20px)}.navlgmenu__item{position:relative;padding:0 20px;border-right:1px solid #eee}.navlgmenu__item>.icon{padding-right:10px}.navlgmenu__item>.arrow{font-size:12px;padding-left:5px}.navlg__menu:hover .navlgmenu__sub{display:block}.navlgmenu__sub{position:absolute;top:46px;left:-10px;min-width:200px;background:#363b40;border-radius:5px;box-shadow:0 8px 10px rgba(0,0,0,.4);overflow:hidden;display:none;z-index:9}.navlgsub__menu{padding:12px 15px;color:#fff !important;text-decoration:none !important;transition:all .5s}.navlgsub__menu:hover{background:#42494f}.navlgsub__menu>.icon{padding-right:10px}.navlgmenu__tag{position:absolute;top:-10px;right:10px}.navlgmenu__tag>.text{position:relative;padding:0 5px;color:#fff;font-size:10px;display:block}.navlgmenu__tag>.text:after{content:'';position:absolute;bottom:-5px;left:5px;width:0;height:0;border-top-width:5px;border-top-style:solid;border-right:5px solid transparent}.navlgmenu__tag--new>.text,.navxsmenu__tag--new>.text{background:#e74c3c}.navlgmenu__tag--new>.text:after{border-top-color:#e74c3c}.navlgmenu__tag--hot>.text,.navxsmenu__tag--hot>.text{background:#e67e22}.navlgmenu__tag--hot>.text:after{border-top-color:#e67e22}.navlgmenu__tag--best>.text,.navxsmenu__tag--best>.text{background:#2980b9}.navlgmenu__tag--best>.text:after{border-top-color:#2980b9}.navxs__account{display:flex;flex-direction:column;align-items:center;padding-top:30px}.navxs__account .account__item{padding:15px 0 !important}.navxs__account a{color:#fff !important}.headerxs{position:fixed;height:50px;background:#fff;box-shadow:0 4px 2px -2px rgba(0,0,0,.1);z-index:9}.headerxs__logo img{height:30px}.headerxs__morebutton{font-size:20px}.headerxs__searchbutton{font-size:20px}.footer{padding-top:50px;padding-bottom:50px;background:#070716;border-top:1px solid #333}.footer__column{padding:15px 25px}.footer__column:not(:last-child){border-right:1px solid #333}@media screen and (max-width:992px){.footer__column:not(:last-child){border-right:none;border-bottom:1px solid #333}}.footer__item{margin-bottom:20px}.footer__social>.socialfollow .socialfollow__item{padding:0 5px !important;font-size:18px !important;color:#fff}.allcategorytags__tag{display:inline-block;margin:5px 2px;padding:3px 8px;font-size:12px;border:1px solid #ee5253;color:#ee5253;border-radius:100px;transition:all .2s}.allcategorytags__tag:hover{background:#ee5253;color:#fff}.drawerxs{position:fixed;top:0;width:100%;height:100vh;background:#363b40;overflow-y:auto;z-index:999999}.drawerxs>.closebutton{position:absolute;top:5px;right:10px;font-size:30px;color:#fff}.navxs{left:-100%}.navxs__menulist{margin-top:50px}.navxsmenulist__menu{font-size:14px;border-bottom:1px solid #60656a;text-decoration:none !important}.navxsmenulist__item{padding:15px;color:#fff}.navxsmenulist__item>.icon{padding-right:15px}.navxsmenulist__item>.title{padding-right:15px}.navxsmenulist__item>.arrow{padding-left:15px}.navxsmenulist__item>.tag{display:inline-block;font-size:10px}.navxsmenulist__item>.tag>.text{padding:0 5px;border-radius:10px}.navxsmenulist__item[aria-expanded=true]>.arrow>i:before{content:'\ea6a'}.navxssubmenu__item{margin-left:20px;padding:15px;font-size:14px;color:#fff !important;text-decoration:none !important}.navxssubmenu__item>.icon{padding-right:15px}.catpagination{margin-top:5px;margin-bottom:5px}.catpagination ul{margin:5px 0;padding:0}.catpagination li{list-style-type:none;display:inline-block;margin:5px 0}.catpagination li .page-numbers{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:100px;background:#bdc3c7;color:#fff;text-decoration:none}.catpagination li .current,.catpagination li .page-numbers:hover{background:#c0392b}.noposts{text-align:center;padding-top:80px;padding-bottom:80px;border:1px solid #ddd;border-radius:.25rem}.rowwrapper{background-size:cover;background-position:center center}.rowwrapper--light{background-color:#fff}.rowwrapper--light .text-primary-color{color:#000 !important}.rowwrapper--dark{background-color:#000}.rowwrapper--dark .text-primary-color{color:#fff !important}.columnwrapper{padding-top:24px;padding-bottom:24px}@media screen and (max-width:576px){.columnwrapper{padding-top:18px;padding-bottom:18px}}.columnheader1{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.columnheader1--border{margin-bottom:15px !important;border-bottom:2px solid #efefef}.columnheader1__title{border-bottom-width:4px;border-bottom-style:solid;margin-bottom:-2px;font-weight:700}.postinfo{position:absolute;bottom:0;left:0;z-index:2;width:100%;padding:0 15px 15px}.newcolumn1,.newcolumn2{margin-bottom:-10px;margin-left:-5px !important;margin-right:-5px !important}.newcolumn1__postwrapper,.newcolumn2__postwrapper{padding:0 5px 10px}.newcolumn1__post,.newcolumn2__post,.newcolumn3__post,.newcolumn4__post{position:relative}.newcolumn3,.newcolumn4{margin-bottom:-20px;margin-left:-10px !important;margin-right:-10px !important}.newcolumn3__postwrapper,.newcolumn4__postwrapper{padding:0 10px 20px}.small1{margin-bottom:-20px}.small1__post{padding-bottom:20px}.small1__post .time{padding-bottom:5px}.small2__post{padding-bottom:20px}.small2__seemore{transition:all .3s}.small2__seemore:hover{opacity:.8}.medium1{margin-bottom:-20px}.medium1__wrapper{margin:0 -10px}.medium1__post{padding:0 10px 20px}.medium1__post .title{padding-top:10px}.medium2{margin-bottom:-20px}.medium2__wrapper{margin:0 -10px}.medium2__post{padding:0 10px 20px}.medium2__post .title{padding-top:10px}.medium3{margin-bottom:-20px}.medium3__post{padding-bottom:20px}.medium4{margin-bottom:-20px}.medium4__wrapper{margin:0 -10px}.medium4__post{padding:0 10px 20px}.medium4__post .title{padding-top:10px}.large1{margin-bottom:-20px}.large1__wrapper{margin:0 -10px}.large1__coverwrapper{position:relative;height:100%;min-height:200px;background:#2c3e50;background-size:cover;background-position:center center;color:#fff}.large1__coverwrapper:after{content:'';position:absolute;z-index:1;left:0;right:0;bottom:0;height:100%;background:rgba(0,0,0,.2)}.large1__coverwrapper:before{content:'';position:absolute;z-index:1;top:15px;left:15px;right:15px;height:calc(100% - 30px);border:1px solid #fff}@media screen and (max-width:576px){.large1__coverwrapper:before{top:8px;left:8px;right:8px;height:calc(100% - 16px)}}.large1__cover{position:absolute;top:0;width:100%;height:100%}.large1cover__title{z-index:3;padding:15px 0}.large1cover__seemore{padding:5px 10px;border:1px solid #fff;z-index:3}.large1__post{padding:0 10px 20px}.large1__post .title{padding-top:5px}.large2{margin-bottom:-20px}.large2__wrapper{margin:0 -10px}.large2__post{padding:0 10px 20px}.large2__post .title{padding-top:10px}.large2__post .view{position:absolute;top:7px;right:6px;padding:2px 6px;border-radius:15px;font-size:11px}.large3{margin-bottom:-20px}.large3__wrapper{margin:0 -10px}.large3__post{padding:0 10px 20px}.large3__post .title{padding-top:10px}.large4{margin-bottom:-20px}.large4__wrapper{margin:0 -10px}.large4__post{padding:0 10px 20px}.large4__post .title{padding-top:10px}.categorywrapper{margin:0 -10px}.categorycover{position:relative;margin-bottom:15px;background-color:#2c3e50;background-size:cover;background-position:center center}.categorycover__title{padding:3rem 0}@media screen and (max-width:768px){.categorycover__title{padding:2rem 0}}.categorycover__title h1{font-weight:700;color:#fff;text-shadow:3px 3px 3px #000,-1px -1px 3px #000,1px -1px 3px #000,-1px 1px 3px #000,1px 1px 3px #000}.category1__post{padding:0 10px 20px}.category1__post .title{padding-top:10px}.category2__post{padding:0 10px 20px}.category2__post .view{position:absolute;top:7px;right:6px;padding:2px 6px;border-radius:15px;font-size:11px;background:#f39c12}.category3__post{padding:0 10px 20px}.category3post__wrapper{margin:0;overflow:hidden;box-shadow:0 0 8px rgba(0,0,0,.1)}.category3post__detail{padding-top:10px;padding-bottom:10px}.category3post__detail .tagwrapper{padding-bottom:10px}.category3post__detail .title{margin-bottom:10px;font-weight:700}.category3post__detail .subcontent{margin-bottom:10px;color:#999}.category3post__detail .time{margin-bottom:10px;color:#e74c3c}@media screen and (max-width:576px){.category3post__detail{padding-top:3px;padding-bottom:3px}.category3post__detail .title{font-size:20px}}.category4__post{padding:0 10px 20px}.category4post__wrapper{margin:0;overflow:hidden;box-shadow:0 0 8px rgba(0,0,0,.1)}.category4post__detail{padding-top:10px;padding-bottom:10px}.category4post__detail .title{margin-bottom:10px;font-weight:700}.category4post__detail .time{margin-bottom:10px;color:#e74c3c}@media screen and (max-width:576px){.category4post__detail{padding-top:3px;padding-bottom:3px}.category4post__detail .title{font-size:20px}}.recentposts1__postwrapper{margin:0 -10px}.recentposts1__post{padding:0 10px 20px}.recentposts1__post .title{padding-top:10px}.recentposts1__post .tagwrapper{position:absolute;top:6px;right:6px}.recentposts2__postwrapper{margin:0 -10px}.recentposts2__post{padding:0 10px 20px}.recentposts2__post .tagwrapper{position:absolute;top:6px;right:6px}.recentposts2__post .title{padding-top:10px}.recentposts3__post{padding-bottom:10px}.article__header{padding-top:24px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px dotted #ccc}.article__title{font-size:40px;font-weight:700;margin-bottom:20px}@media (max-width:767px){.article__title{font-size:36px}}.articleextension__detail{margin-bottom:15px}.articleextension__detail>.item{display:inline-block;padding-right:10px;margin-right:10px;border-right:1px solid #ddd}.articleextension__share{text-align:right}@media (max-width:575px){.articleextension__detail>.tagwrapper{display:block;margin-bottom:15px;border-right:none}}@media (max-width:991px){.articleextension__share{text-align:left}}.articleshare__button{cursor:pointer;padding:5px;display:inline-block;border-radius:3px;color:#fff !important;text-decoration:none !important}.articleshare__button:hover{opacity:.7}.articleshare__button>i,.articleshare__button>span{padding:0 5px}.articleshare__button--facebook{background-color:#3b5998}.articleshare__button--twitter{background-color:#38a1f3}.articleshare__button--line{background-color:#00c300}.article__content{margin-bottom:24px}.article__sidebar{margin-bottom:24px}@media (min-width:992px){.article__sidebar{padding-left:40px}}.articlecontent__body{margin-bottom:50px;font-size:16px;line-height:1.8em}.articlecontent__body img{max-width:100%;height:auto}.articlecontent__comment{margin-bottom:24px}.articlecontent__comment--wordpress{margin-bottom:24px}.articlecontent__comment--wordpress .logged-in-as{text-align:center;margin:0;padding-top:15px;padding-bottom:15px}.articlecontent__comment--wordpress .logged-in-as>a{padding:0 15px}.articlecontent__comment--wordpress .logged-in-as>a:not(:last-child){border-right:1px solid #ddd}.articlecontent__comment--wordpress textarea{display:block;width:100%}.article__tags{margin-bottom:24px}.article__tags>a{display:inline-block;margin:5px 2px;padding:3px 8px;font-size:12px;border:1px solid #e74c3c;color:#e74c3c;border-radius:100px;text-decoration:none;transition:all .2s}.article__tags>a:hover{background:#e74c3c;color:#fff}.page404{padding-top:60px;padding-bottom:100px}.page404__image>img{width:200px}.page404__back .button{display:inline-block;padding:8px 15px;border:1px solid #e74c3c;color:#e74c3c;border-radius:100px;text-decoration:none;transition:all .2s}.page404__back .button:hover{background:#e74c3c;color:#fff}#back-to-top{cursor:pointer;display:inline-block;background-color:#f39c12;width:50px;height:50px;text-align:center;border-radius:100%;position:fixed;bottom:30px;right:30px;z-index:1000;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden}#back-to-top:after{content:'\ea5e';font-family:IcoFont;font-weight:400;font-style:normal;font-size:2em;line-height:50px;color:#fff}.show-button{visibility:visible !important;opacity:1 !important}