html,body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Open Sans",sans-serif !important;height:100%;width:100%;color:#434242;font-size:15px;line-height:1.64;-webkit-tap-highlight-color:transparent}body h1,h2,h3,h4,h5,h6{margin-top:32px;margin-bottom:28px;color:#08c}.header-content{min-height:100%;overflow:hidden}.header-content .header-bg{width:100%;background-image:url(../images/bg_1024.webp);position:absolute;height:100%;background-position:center center;background-size:cover;top:0;left:0;z-index:1}.header-content .header-txt{background:transparent;display:inline-block;z-index:5;width:100%;text-align:center;position:absolute;top:calc(50% - 176px);color:#fff}.header-content .header-txt .head-icon{width:180px;height:180px;border-radius:50%;margin:0 auto;display:inline-block;overflow:hidden}.header-content .header-txt .head-icon img{width:100%}.header-content .header-txt h1{font-size:56px;margin:0 auto;padding-bottom:8px;font-weight:300;color:#fff}.header-content .header-txt h3{font-size:22px;margin-top:0;display:inline-block;border-top:1px solid #fff;padding-top:12px;font-weight:200;color:#fff}.header-content .cover{position:absolute;background-color:#000;height:100%;width:100%;opacity:.1;z-index:3;top:0}.main-content{height:auto}.main-content .sub-section{background-color:#fff}.main-content .sub-section .profile{max-width:1024px;margin:0 auto;padding-top:42px}.main-content .sub-section h2{text-align:center;font-size:48px;font-weight:100;color:#08c;margin-bottom:24px}.main-content .sub-section.profile-section h2{margin-bottom:0;margin-top:0;height:72px}.main-content .sub-section h5{text-align:center;font-size:18px;color:#333;margin-top:0;margin-bottom:40px;font-weight:100;opacity:.7}.main-content .sub-section.profile-section .profile-table{border-top:1px solid #e1e1e1;padding-top:48px}.main-content .left{float:left;width:calc(65% - 88px);padding-right:88px;border-right:1px solid #08c}.profile-table .user-col{width:2px;float:left;height:100%;position:relative}.profile-table .user-col .user-sub-col{position:absolute;background-color:#08c;width:60px;height:60px;border-radius:50%;text-align:center;line-height:50px;left:-30px}.profile-table .user-col .user-sub-col span.icon-user-tie{font-size:30px;color:#fff;line-height:56px}.left h6,.right h6{font-size:24px;font-weight:100;margin-top:20px;margin-bottom:18px}.left p{text-align:justify;font-size:14px;font-weight:100;line-height:24.6px;margin-bottom:0}.main-content .right{float:left;padding-left:88px;width:calc(35% - 90px)}.right .row label{font-weight:700;margin-bottom:4px;display:block}.right .row .normal-txt{font-size:14px;font-weight:100;line-height:32px}.right .row .normal-txt a.link-email{font-size:14px;padding-left:24px}.right .row .normal-txt a.link-email span{position:absolute;left:0;top:1px;color:#08c;font-size:16px}.right .row .normal-txt a{color:#434242;text-decoration:none;line-height:22px;position:relative}.right .row .normal-txt a.location-link{padding-left:22px;margin-top:4px;font-style:oblique}.right .row .normal-txt a:hover{color:#08c}.right .row .normal-txt a.location-link span.icon-location2{font-size:20px;position:absolute;color:#08c;left:0;top:-3px}#hamburger-menu{top:36px;left:36px;width:26px;height:18px;z-index:999;padding:10px;cursor:pointer;position:absolute;transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;color:transparent !important}#hamburger-menu span:nth-child(1){top:8px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}#hamburger-menu span{left:0;opacity:1;height:2px;width:24px;margin-left:10px;display:block;position:absolute;background:#fff;filter:alpha(opacity=70);transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);transition:.25s ease-in-out;-o-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-webkit-transition:.25s ease-in-out}#hamburger-menu span:nth-child(2){top:16px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}#hamburger-menu span:nth-child(3){top:24px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}#hamburger-menu.open span:nth-child(1),#hamburger-menu.fakeopen span:nth-child(1){top:7px;left:3px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}#hamburger-menu.open span:nth-child(2),#hamburger-menu.fakeopen span:nth-child(2){width:0;opacity:0;filter:alpha(opacity=0)}#hamburger-menu.open span:nth-child(3),#hamburger-menu.fakeopen span:nth-child(3){top:24px;left:3px;transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.float-down-arrow{width:auto;height:auto;font-size:40px;color:#fff;position:absolute;right:72px;z-index:30;top:-moz-calc(100vh - 90px);top:-webkit-calc(100vh - 90px);top:-o-calc(100vh - 90px);top:calc(100vh - 90px);cursor:pointer;animation:1.2s ease-out 0s normal none infinite running bounce;transition:all .25s ease-in-out 0s;display:block}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}.header-content .menu-content.pin-header{display:block;opacity:1;position:fixed;top:0;width:100%;height:32px}.header-content .menu-content{left:0;width:288px;height:100%;position:absolute;z-index:32;color:#fff;background-color:rgba(0,0,0,0.5);display:none}.header-content .menu-content ul{list-style:none;display:inline-block;padding-left:20px;-webkit-padding-start:0;top:128px;left:72px;position:absolute;z-index:33}.header-content .menu-content ul li{text-decoration:none;color:#fff}.header-content .menu-content ul li>a{font-size:18px;font-weight:100;color:#fff;line-height:66px;text-decoration:none}.header-content .menu-content ul li>a:hover{color:#b4d1e0}.profile-table>p{font-size:16px;font-weight:500;margin-top:48px}.right .btn-container{margin-top:30px}.right .btn-container>a{text-decoration:none;text-align:center;border-radius:2px;width:160px;background-color:#08c;display:inline-block;font-size:18px;text-transform:uppercase;font-weight:300;color:#fff;vertical-align:middle;overflow:hidden;line-height:42px;height:40px;border:1px solid #08c}.right .btn-container>a:hover{background-color:#fff;color:#08c}.right_cover{opacity:.5}#profile.profile{margin-bottom:168px}.sub-section.portfolio{background-color:#0077b3;position:relative;padding-top:0}.main-content .sub-section.portfolio h2{margin-top:0;color:#fff}.main-content .sub-section.portfolio .profile-table{font-size:20px;padding-top:0}#portfolio::before{content:"";background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:28px;height:28px;display:block;position:absolute;margin-left:-14px;top:-14px;left:50%}.portfolio section.regular.slider{width:100%;margin:40px auto}.portfolio .slick-prev::before{content:"\e905"}.portfolio .slick-next{right:-32px}.portfolio .slick-prev{left:-32px}.portfolio .slick-next,.portfolio .slick-prev{top:calc(50% - 40px);width:40px;height:40px}.portfolio .slick-next::before{content:"\e903"}.portfolio .slick-prev:before,.portfolio .slick-prev::before,.portfolio .slick-next:before,.portfolio .slick-next::before{font-family:"icomoon" !important;color:#08c}.portfolio .slider{width:100%;margin:auto;float:left;margin-bottom:92px}.portfolio .slick-slide.slick-active{opacity:1}.portfolio .slick-slide>div{border:1px solid rgba(0,0,0,0.3);overflow:hidden;border-radius:2px;opacity:1;background-color:#fff;height:100%;margin:0 16px}.portfolio .slider .sub-slider{float:left;width:calc(32.2% - 64px);margin-right:1.7%;padding:28px 32px 24px 32px;background-color:#fff;border-radius:2px;height:408px;margin-bottom:20px;overflow:hidden;position:relative}.main-content .sub-section #portfolio.profile{max-width:1024px}.portfolio .slider :nth-child(3n+3){margin-right:0}.portfolio .slider .sub-slider p{font-size:14px;font-weight:300;line-height:23px;max-height:220px;overflow:hidden}.portfolio .slider .sub-slider>span{font-size:28px;width:52px;height:52px;background-color:#08c;color:#fff;display:inline-block;text-align:center;line-height:52px;border-radius:50%}.portfolio .slider .sub-slider>a{text-decoration:none;color:#0077b3;position:absolute;bottom:48px}.portfolio .slider .sub-slider>a>span{color:#08c;font-size:13px;font-weight:500;float:left}.portfolio .slider .sub-slider>a>.icon-chevron-thin-right{margin-top:3px;font-size:14px;color:#0077b3;float:left;margin-left:1px}.portfolio .slider .sub-slider>h1{font-size:22px;color:#2f2f35;display:block;line-height:26px;margin:26px 0 22px}.portfolio .tech-hover{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;opacity:0;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;overflow:hidden}.portfolio .tech-hover>img{width:100%;max-width:100%;vertical-align:top}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.inner-main{background:rgba(34,34,34,0.8);height:calc(100% - 38px);left:0;padding:19px;position:absolute;top:0;width:calc(100% - 38px)}.inner-brd{border:1px solid #fff;height:calc(100% - 100px);left:0;margin:19px;position:absolute;top:0;width:calc(100% - 88px);padding:30px 22px 30px 26px}.inner-main h4{line-height:26px;font-size:22px;color:#08c;margin-bottom:28px;margin-top:16px}.inner-main h6{font-size:18px;font-weight:400;color:#fff;margin-bottom:10px;margin-top:22px}.listing article h3{text-transform:uppercase}.inner-main ul{margin:0;padding:0;font-size:15px;font-weight:300}.inner-main ul li{margin:0 0 8px;padding:0;position:relative;color:#fff;list-style-position:inside}.inner-main .inner-brd>a{color:#fff;text-decoration:none}.inner-main .inner-brd>span{color:#fff;margin-top:30px;display:inline-flex}.inner-main ul li:after{position:absolute;left:0;top:8px;font-size:18px;background:#fff;width:5px;height:5px;border-radius:100%}.portfolio .tech-hover:hover,.portfolio .tech-hover:hover:before{opacity:1;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.main-content .sub-section.skills{background-color:#fafafa;padding-top:0;position:relative}.main-content .sub-section.skills h2,.main-content .sub-section.blog h2,.main-content .sub-section.contact h2{margin-top:0;margin-bottom:0}.main-content .sub-section.skills .profile-table{padding-bottom:38px}.sub-skills h6{font-size:22px;font-weight:100;margin-bottom:8px;margin-top:28px}hr{margin:40px 0 28px;border-top:1px solid #d1d1d1}.sub-skills .section-content{margin-bottom:48px}.sub-skills .section-row ul{list-style:none;margin-left:0;-webkit-margin-before:0;-webkit-padding-start:0}.sub-skills .section-row ul li{width:calc(50% - 60px);padding-left:28px;position:relative;float:left;padding-right:32px;height:32px;line-height:32px}.sub-skills .section-row ul li a{font-size:16px;font-weight:300;text-decoration:none;color:#434242}.sub-skills .section-row ul li:nth-child(2n){padding-left:120px;width:calc(50% - 158px)}.sub-skills .section-row ul li a:hover{color:#08c}.sub-skills .section-row ul li span.skill-label{font-size:16px;font-weight:300}.sub-skills .section-row ul li:hover span.skill-label{color:#000}.sub-skills .section-row ul li:nth-child(2n) span.skill-star{right:28px}.sub-skills .section-row ul li span.skill-star{position:absolute;right:64px;color:#08c;font-size:18px}.sub-skills .section-row ul li span.skill-star>span{transition:all .3s;font-size:18px}.sub-skills .section-row ul li:hover span.skill-star>span{font-size:20px}.main-content .sub-section.blog{background-color:#fff;padding-top:0;position:relative}.main-content .sub-section.contact{padding-top:2px;position:relative;color:#e0e0e0;background-color:#656565}footer{text-align:center;font-size:13px;color:#e0e0e0;background-color:rgba(41,41,41,0.8);font-weight:100;padding-bottom:18px;font-weight:300;padding-top:20px}.contact .profile a{text-decoration:none}.contact .profile .contact-form{width:calc(65% - 60px);float:left;position:relative}.contact .profile .social-content{width:calc(35% - 48px);float:left;padding-left:48px;padding-top:12px}.contact-form input.email{margin-left:10px}.contact-form input,.contact-form textarea{width:calc(50% - 36px);border:1px solid #fff;color:#fff;height:42px;padding-left:12px;padding-right:10px;background-color:transparent;outline:0;font-weight:100;font-size:14px}.contact-form input:hover{outline:0}.contact-form textarea.social-msg::-webkit-input-placeholder,.contact-form textarea.social-msg::-moz-placeholder,.contact-form textarea.social-msg:-moz-placeholder,.contact-form textarea.social-msg:-ms-input-placeholder,.contact-form textarea.social-msg::placeholder,.contact-form input::-webkit-input-placeholder{-webkit-text-security:none;color:#f2f2f2;font-size:14px;pointer-events:none !important}.contact-form textarea.social-msg{width:calc(100% - 35px);height:132px;margin-top:12px;padding-top:10px;color:#fff}.contact-form-btn{height:40px;color:#fff;border:1px solid #fff;background-color:transparent;line-height:40px;width:150px;display:inline-block;text-align:center;border-radius:2px;margin-top:18px;font-weight:300}.contact-form-btn:hover{background-color:#08c;border:1px solid #08c}.social-row a{width:28px;height:28px;border-radius:50%;background-color:#fff;display:inline-block;line-height:32px;text-align:center;font-size:16px;color:rgba(0,0,0,0.6);text-decoration:none;margin-left:6px}.social-row a:hover{background-color:#08c;color:#fff}.social-menu ul{list-style:none;-webkit-padding-start:0}.social-menu ul li{display:inline-block;height:46px;font-size:18px;font-weight:300;text-transform:uppercase;position:relative;padding-left:42px;line-height:26px}.social-menu ul li span{font-size:18px;position:absolute;left:10px;top:6px}.social-menu ul li img.wechat-icon{width:26px;position:absolute;left:6px;top:-2px}.social-menu ul li img.wechat-qrcode{width:160px;margin-left:4px;border-radius:3px}.main-content .sub-section.contact .profile{padding-bottom:80px}.main-content .sub-section.contact .profile h2{color:#fff;margin-top:0;text-align:left}.contact-form{margin-top:28px}.footer-content{max-width:1024px;margin:0 auto;position:relative}.footer-content .social-row{padding-bottom:4px}.blog .profile-sub-table{float:left;width:100%;padding-bottom:88px}.blog .profile-sub-table .blog-card{float:left;width:32.2%;margin-right:1.7%;margin-bottom:20px}.blog .profile-sub-table :nth-child(3n+3){margin-right:0}.blog .profile-sub-table .blog-card .img-container{float:left;overflow:hidden;width:100%;border-top-left-radius:2px;border-top-right-radius:2px}.blog .profile-sub-table .blog-card .img-container img{width:100%;float:left;min-height:238px;background-color:#b4d1e0}.blog .profile-sub-table .blog-card .txt-container{box-sizing:border-box;background-clip:padding-box;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);border-bottom-left-radius:2px;border-bottom-right-radius:2px;padding:20px 16px 24px 20px;float:left;height:128px;cursor:pointer}.blog .profile-sub-table .blog-card .txt-container a.h6{margin-top:0;margin-bottom:0;font-size:12px;font-weight:700;text-transform:uppercase;color:#08c;text-decoration:none}.blog .profile-sub-table .blog-card .txt-container a.h6:hover{color:#006ea5}.blog .profile-sub-table .blog-card .txt-container p{font-size:13px;font-weight:100;line-height:18px;margin-top:12px}.main-content .sub-section.blog .profile h2{margin-bottom:36px}.contact-form .error{border:1px solid rgba(255,0,0,0.7)}#spinner-id{position:absolute;width:152px;height:40px;background-color:#08c;bottom:0;border-radius:2px;border:1px solid #08c;display:none}.icon-spinner{height:32px;width:32px;font-size:32px;transform:translateZ(0);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-animation:spinner 3s infinite linear;animation:spinner 3s infinite linear;color:#fff;margin:0 auto;margin-top:4px}@-webkit-keyframes spinner{0%{transform:rotate(0)}12.5%{transform:rotate(45deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}62.5%{transform:rotate(225deg)}75%{transform:rotate(270deg)}87.5%{transform:rotate(315deg)}100%{transform:rotate(360deg)}}@keyframes spinner{0%{transform:rotate(0)}12.5%{transform:rotate(45deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}62.5%{transform:rotate(225deg)}75%{transform:rotate(270deg)}87.5%{transform:rotate(315deg)}100%{transform:rotate(360deg)}}.header-content .menu-content.pin-header{display:block;opacity:1;transition:ease 1.3s;position:fixed;top:0;width:100%;height:32px;background-color:#006ea5}.header-content .menu-content.pin-header ul{position:relative;left:auto;top:auto;-webkit-padding-start:0;margin-top:0;margin-bottom:0;font-size:13px;text-align:right;display:inline-block;margin-left:auto;margin-right:auto;max-width:1024px;width:100%;right:auto;display:block}.header-content .menu-content.pin-header ul li{font-size:13px;height:32px;line-height:32px;display:inline-block}.header-content .menu-content.pin-header ul li>a{font-size:13px;margin-left:32px;padding-right:0;line-height:32px}.redirect_to_header{position:fixed;right:28px;bottom:28px;z-index:50;width:32px;height:32px}.redirect_to_header a{text-align:center;text-decoration:none;color:#08c;font-size:28px;display:inline-flex}.redirect_to_header a:hover{color:#0078ae}.redirect_to_header.white a{color:#fff}.redirect_to_header.white a:hover{color:rgba(255,255,255,0.6)}.redirect_to_header a span{transform:rotate(270deg);display:inline-block}.blog_content{position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,0.5);z-index:100}.blog_content.show .blog_sub_content{background-color:transparent}.blog_content .blog_sub_content{position:absolute;height:580px;width:768px;background-color:#fff;border-radius:2px;margin:-290px 0 0 -384px;top:50%;left:50%;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}.blog_content .blog_sub_content .blog_row{position:relative;padding:28px 12px;height:calc(100% - 56px)}.blog_content .blog_sub_content .blog_row .blog_table{display:inline-block;height:100%;width:100%}.blog_content .blog_sub_content a{text-decoration:none;position:absolute;right:16px;top:16px;color:#434242;height:28px;width:28px;text-align:center;font-size:18px;line-height:29px}.blog_content .blog_sub_content a>span{color:#434242;font-weight:700;opacity:.6}.blog_content .blog_sub_content a:hover{color:#08c;font-weight:700}.blog_content .blog_sub_content a:hover>span{opacity:1;color:#08c}.blog_content .blog_sub_content .blog_header{display:inline-block;width:calc(100% - 28px);height:80px;border-bottom:1px solid #e3e3e3;padding-left:14px;padding-right:14px}.blog_content .blog_sub_content .blog_header img{height:60px;border-radius:50%;width:60px;float:left}.blog_content .blog_sub_content .blog_header h4{float:left;line-height:60px;height:60px;margin-top:0;margin-bottom:0;margin-left:22px;font-size:24px;font-weight:300}.blog_content .blog_sub_content .blog_header span{float:right;font-size:18px;line-height:60px;height:60px;color:#434242;opacity:.7}.blog_content .blog_sub_content .blog_body{padding-left:14px;padding-right:14px;height:426px;padding-bottom:18px}.blog_content .blog_sub_content .blog_body p a{text-decoration:underline;color:#434242;line-height:22px;right:auto;top:auto;font-size:14px;background-color:transparent;display:inline;position:relative}.blog_content .blog_sub_content .blog_body p a:hover{font-size:14px;text-decoration:underline;color:#08c;font-weight:300}.blog_content .blog_sub_content .blog_body p{font-size:14px;font-weight:100;margin-top:10px;line-height:22px}.blog_content .blog_sub_content .blog_body p.syntax{background-color:#f3f3f3;padding-left:12px;padding-top:8px;padding-bottom:8px;padding-right:12px;color:#434242;font-weight:300;border-radius:2px;border:1px solid #e3e3e3}.blog_content .blog_sub_content .blog_body h5{font-size:15px;font-weight:400}.blog_content .blog_sub_content .blog_body h6{margin-top:16px;margin-bottom:8px;font-size:15px;font-weight:300}.blog_content .blog_sub_content .blog_body table{font-size:14px;font-weight:300;display:inline-table;border-spacing:0;border-collapse:unset}.blog_content .blog_sub_content .blog_body table tr{border-bottom:1px solid #e3e3e3}.blog_content .blog_sub_content .blog_body table tr th{text-align:left;border-bottom:1px solid #e3e3e3;padding-top:6px;padding-bottom:10px}.blog_content .blog_sub_content .blog_body table tr:hover td{background-color:#f0f0f0}.blog_content .blog_sub_content .blog_body table tr td{border-bottom:1px solid #e3e3e3;padding-top:8px;padding-bottom:12px;line-height:18px;border-top:0 none}.blog_content .blog_sub_content .blog_body table tr td span.code{font-weight:bold}.blog_content .blog_sub_content .blog_body table tr td:first-child{width:35%}.blog_content .blog_sub_content .blog_body table tr td:last-child{width:65%}.blog_content .blog_sub_content ul li a{font-size:14px;right:auto;top:auto;color:#434242;font-weight:100;position:relative}.blog_content .blog_sub_content ul li a:hover{color:#08c;font-weight:100}.blog_content .blog_sub_content .blog_body p a.article_links{font-weight:100}.blog_content .blog_sub_content .blog_body>ul{-webkit-padding-start:32px}.blog_content .blog_sub_content .blog_body>ul>li{font-size:14px;font-weight:100}#blog_spinner_id{position:absolute;width:100%;height:100%;top:0;background-color:rgba(0,0,0,0.5);left:0;display:none}#blog_spinner_id .icon-spinner{margin-top:260px}body.qr-body{background:#fcfcfc;position:relative;font-size:14px;line-height:1.42857143;color:#333;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.qr-body header{background-color:#fcfcfc;height:62px;border-bottom:1px solid #e6eaea}.qr-body header .header-container{max-width:1024px;margin:auto;display:block;padding-top:0;height:62px}.qr-body header .header-container>span{display:inline-block;text-align:center;color:#202121;font-size:16px;font-weight:600;line-height:62px;width:100%;margin-top:0;padding-top:0}.qr-body header .header-container .header-img-container{display:inline;position:absolute;right:22px;top:12px}.qr-body header .header-container .header-img-container a{text-decoration:none;color:#fff;display:inline-block;width:36px;height:36px;border-radius:50%;overflow:hidden}.qr-body header .header-container .header-img-container a>img{width:100%}.qr-body .main-content{background-color:#08c;margin-left:auto;margin-right:auto;margin-top:32px;margin-bottom:48px;max-width:1024px;height:calc(100% - 231px);position:relative}.qr-body .main-content .sub-title{position:absolute;overflow:hidden;height:58px;z-index:50;width:78%;right:32px;top:32px}.qr-body .main-content .sub-title .sub-title-container{position:absolute;height:50px;width:calc(100% - 8px);background:#fff;margin-left:4px;z-index:50;-webkit-box-shadow:0 3px 5px -1px rgba(0,0,0,0.14),0 6px 10px 0 rgba(0,0,0,0.098),0 1px 18px 0 rgba(0,0,0,0.084);box-shadow:0 3px 5px -1px rgba(0,0,0,0.14),0 6px 10px 0 rgba(0,0,0,0.098),0 1px 18px 0 rgba(0,0,0,0.084)}.qr-body .main-content .sub-title .sub-title-container span.contact_link:hover{cursor:pointer;border:1px solid #08c;background:#08c;color:#fff}.qr-body .main-content .sub-title .sub-title-container span.contact_link{position:absolute;display:inline-block;border:1px solid #08c;border-radius:16px;height:30px;width:88px;line-height:30px;text-align:center;color:#08c;font-size:13px;font-weight:500;right:28px;top:8px;cursor:pointer}.qr-body .main-content .sub-title .sub-title-container span.contact_text{float:right;color:#202121;line-height:48px;font-size:14px;font-weight:400;text-align:left;width:182px}.qr-body .main-content .sub-title a:hover{color:#006ea5}.qr-body .main-content .sub-title a{text-decoration:none;color:#202121;line-height:48px;padding:0 12px 0 22px;font-size:14px;font-weight:400;float:left}.qr-body .main-content .sub-section{background-color:#fff;display:inline-block;margin-top:32px;margin-left:32px;width:calc(100% - 32px);height:calc(100% - 32px)}.qr-body .main-content .sub-section .qr-form-page{display:inline-block;width:100%;height:100%}.qr-body .main-content .sub-section .qr-form-page .qr-form-container{display:inline-block;width:100%;height:100%}.qr-body .main-content .sub-section .qr-form-page .qr-form-container .qr-form-left{float:left;width:50%;height:calc(100% - 144px);position:relative;padding-top:144px}.qr-body .main-content .sub-section .qr-form-page .qr-form-container .qr-form-right{float:right;width:50%;position:relative;height:100%}.qr-form-right .form-img-container{position:absolute;width:100%;height:100%;overflow:hidden}.qr-form-right .form-img-container .qr-img-sub{display:block;width:232px;height:232px;margin:auto;background:transparent;overflow:hidden;position:absolute;top:calc(50% - 116px);left:calc(50% - 116px);z-index:502}.qr-form-right .form-img-container>img{height:100%}.qr-form-right .white-bg{position:absolute;width:70%;background:#fff;top:-48px;height:48px;right:0}.qr-body footer{position:relative}.qr-body .header-content{min-height:unset}.qr-body #hamburger-menu.open span{background-color:#fff}.qr-body #hamburger-menu{top:16px;left:20px;width:68px;padding-top:0;padding-bottom:0;height:30px}.qr-body #hamburger-menu span{background-color:#08c;height:2px;width:20px}.qr-body #hamburger-menu.open span:nth-child(1),.qr-body #hamburger-menu.fakeopen span:nth-child(1){top:6px;left:3px}.qr-body #hamburger-menu span:nth-child(2){top:14px}.qr-body #hamburger-menu span:nth-child(3){top:20px}.qr-body #hamburger-menu.open span:nth-child(3),.qr-body #hamburger-menu.fakeopen span:nth-child(3){left:3px}.qr-body #hamburger-menu.open{background-color:transparent}.qr-body .header-content .menu-content ul li>a:hover{cursor:pointer;color:#08c;outline:0}.qr-body .header-content .menu-content ul li>a{font-size:18px;position:relative;display:block;font-weight:100;color:#fff;cursor:pointer;transition:background .3s ease-in-out,border .3s ease-in-out,color .3s ease-in-out;height:48px;line-height:48px;padding:12px 10px 12px 66px}.qr-body #hamburger-menu.open>p{display:none}.qr-body #hamburger-menu>p{color:#333;font-size:10px;text-transform:uppercase;float:right;margin-block-start:auto;margin-block-end:auto;line-height:30px}.qr-body .header-content .menu-content{top:0;z-index:501}.qr-body .header-content .menu-content ul li{text-decoration:none;color:#fff;width:100%}.qr-body .header-content .menu-content ul{width:100%;left:0}.qr-body .main-content .sub-section h2{font-size:16px;color:#333;font-weight:600;margin-top:38px;margin-bottom:12px}.qr-body .main-content .sub-section .brand{width:50px;height:50px;font-size:20px;text-align:center;line-height:50px;background-color:#08c;color:#fff;position:absolute;left:calc(50% - 25px);top:100px;border-radius:50%}.qr-form-container .element{font-size:16px;line-height:1.5em;position:relative;display:block;width:calc(100% - 82px);padding:8px 10px;-webkit-transition:color .08s ease-in,-webkit-box-shadow .08s ease-in;transition:color .08s ease-in,-webkit-box-shadow .08s ease-in;transition:box-shadow .08s ease-in,color .08s ease-in;transition:box-shadow .08s ease-in,color .08s ease-in,-webkit-box-shadow .08s ease-in;color:#303030;border:0;border-radius:3px;background:#fff;-webkit-box-shadow:0 0 0 1px rgba(50,50,93,0.1),0 2px 5px 0 rgba(50,50,93,0.05),0 1px 1px 0 rgba(0,0,0,0.05);box-shadow:0 0 0 1px rgba(50,50,93,0.1),0 2px 5px 0 rgba(50,50,93,0.05),0 1px 1px 0 rgba(0,0,0,0.05);-webkit-appearance:none;-moz-appearance:none;margin-left:32px;margin-right:32px}.qr-form-container .element:focus{outline:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 1px 1px 0 rgba(0,0,0,0.05),0 0 0 4px rgba(0,0,0,0.1);box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 1px 1px 0 rgba(0,0,0,0.05),0 0 0 4px rgba(0,0,0,0.1)}.qr-form-container input.element:hover{cursor:pointer;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 1px 1px 0 rgba(0,0,0,0.05),0 0 0 4px rgba(0,0,0,0.1);box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 1px 1px 0 rgba(0,0,0,0.05),0 0 0 4px rgba(0,0,0,0.1)}.qr-form-container input::-webkit-input-placeholder{color:#aaa;font-size:14px;font-weight:400}.qr-body .contact-form-btn:hover{background-color:#006ea5;outline:0}.sukodu-content .m-content-left{display:none}.qr-body .contact-form-btn{background:#08c;text-decoration:none;margin-left:0;float:left;font-size:16px;margin-top:12px;width:calc(100% - 64px);margin-left:32px;margin-right:32px;border-radius:3px;font-weight:400;letter-spacing:.75px;-webkit-box-shadow:0 0 0 1px rgba(50,50,93,0.1),0 2px 5px 0 rgba(50,50,93,0.05),0 1px 1px 0 rgba(0,0,0,0.05);box-shadow:0 0 0 1px rgba(50,50,93,0.1),0 2px 5px 0 rgba(50,50,93,0.05),0 1px 1px 0 rgba(0,0,0,0.05);-webkit-appearance:none;-moz-appearance:none;border:0 none}.qr-form-left>p{font-size:13px;color:rgba(32,33,33,0.67);text-align:center;line-height:16px;padding-left:48px;padding-right:66px;font-weight:400;margin-top:14px;margin-bottom:18px}.qr-body .qr-img-container{display:inline}.qr-body .qr-img-container .qr-img-sub.inside-form{position:unset;right:unset;top:unset;margin-top:16px;width:100%}.qr-body .qr-img-container .qr-img-sub{display:inline-block;text-align:center;position:absolute;right:calc(50% - 28px);width:200px;z-index:503;right:calc(100px - 90%);top:-70px}.qr-body .qr-img-container .qr-img-sub img.qr-img{width:200px;box-shadow:0 3px 5px -1px rgba(0,0,0,0.14),0 6px 10px 0 rgba(0,0,0,0.098),0 1px 18px 0 rgba(0,0,0,0.084)}.corver_page{position:fixed;top:0;left:0;width:100%;height:100%;background:#202121;opacity:.2;z-index:500;display:none}.qr-body .icon-spinner{color:#08c}.qr-body #spinner-id{width:36px;height:36px;top:4px;left:calc(50% - 18px);bottom:unset;background-color:unset;border:0 none}.qr-body .qr-form{position:relative}.qr-body .open>.image_cover{display:block}.qr-body .image_cover{display:none;position:absolute;height:100%;width:100%;background:#202121;opacity:.5;z-index:39}.qr-body .qr-img-link{text-decoration:none;height:200px;display:inline-block}.sukodu-content{margin-left:auto;margin-right:auto;margin-top:32px;margin-bottom:12px;max-width:900px;position:relative}.sukodu-content .content-left{height:100%;width:35%;float:left;position:relative}.sukodu-content .content-left .keyboard_container{height:520px;width:100%;float:left;position:relative;background:url(../images/sudoku2.webp);border-radius:2px}.sukodu-content .content-left img{display:inline-block;position:relative;width:518px;border-radius:1px}.sukodu-content .content-right{width:63%;height:100%;float:left;position:relative}.sukodu-content .content-right .outer{background-color:#08c;border-radius:4px;height:520px;width:520px}.sukodu-content .content-right .outer .border{display:inline-block;margin-top:8px;margin-left:8px;height:calc(100% - 16px);background-color:#fff;margin-right:8px;margin-bottom:8px;border-radius:2px}.sukodu-content .content-right .outer .border .table{position:relative;width:504px}.sukodu-content .content-right .sudoku_container{list-style:none;display:inline-block;padding-inline-start:0;margin-block-start:0;margin-block-end:0;width:504px}.sukodu-content .content-right .sudoku_container>li:nth-child(3n){border-right:0 none;width:168px}.sukodu-body .sudoku_text{position:relative;margin:12px auto 48px;max-width:900px}.sukodu-body .sudoku_text>h1{margin-bottom:0;display:inline-block;margin-top:16px}.sukodu-body .sudoku_text>ul{background-color:#f3f3f3;border:1px solid #e3e3e3;padding-bottom:12px;padding-top:16px;padding-right:12px;border-radius:3px}.sukodu-body .sudoku_text>ul>li{padding-bottom:10px}.sukodu-content .content-right .sudoku_container>li{position:relative;height:166px;width:166px;float:left;border-right:2px solid #d1d1d1;border-bottom:2px solid #d1d1d1}.sukodu-content .content-right .sudoku_container>li:nth-last-child(-n+3){border-bottom:0 none;padding-bottom:2px}.sukodu-content .content-right .sudoku_container>li>span.space{color:#08c;font-weight:600;background-color:#fff}.sukodu-content .content-right .sudoku_container>li>span.space.option.focus{color:#fff;background-color:#b8a242}.sukodu-content .content-right .sudoku_container>li>span.space.option{color:#08c;font-weight:600;background-color:#fff;font-size:13px;text-wrap:wrap;line-height:16px;inline-size:47px;overflow-wrap:break-word;padding-left:4px;padding-right:4px;padding-top:10px;height:45px}.sukodu-content .content-right .sudoku_container>li>span.space.filled{background-color:#f3f3f3}.sukodu-content .content-right .sudoku_container>li>span.space.focus.filled{background-color:#4ca7ea;color:#fff}.sukodu-content .content-right .sudoku_container>li>span.space.focus{background-color:#4ca7ea}.sukodu-content .content-right .sudoku_container>li>span:before{content:"\00a0 "}.sukodu-content .content-right .sudoku_container>li:nth-child(3n)>span.space.option:nth-child(3n){width:48px}.sukodu-content .content-right .sudoku_container>li:nth-child(3n)>span:nth-child(3n){width:56px}.sukodu-content .content-right .sudoku_container>li>span.space.option:nth-child(3n){width:46px}.sukodu-content .content-right .sudoku_container>li>span:nth-child(3n){border-right:0 none;width:54px}.sukodu-content .content-right .sudoku_container>li:nth-last-child(-n+3)>span.space.option:nth-last-child(-n+3){height:44px}.sukodu-content .content-right .sudoku_container>li:nth-last-child(-n+3)>span:nth-last-child(-n+3){height:54px}.sukodu-content .content-right .sudoku_container>li>span.space.option:nth-last-child(-n+3){height:43px}.sukodu-content .content-right .sudoku_container>li>span:nth-last-child(-n+3){border-bottom:0 none;padding-bottom:1px;height:52px}.sukodu-content .content-right .sudoku_container>li>span{width:55px;height:54px;position:relative;float:left;line-height:54px;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;text-align:center;display:inline-block;padding-top:1px;font-size:26px;background-color:#fafafa}.sukodu-content .content-right .sudoku_container>li>span.space:hover{cursor:pointer}.sukodu-content .m-header{width:calc(100% - 12px);height:32px;border-radius:3px;background:#fff;line-height:38px;display:none}.sukodu-content .m-header .header-text{font-size:14px;font-weight:500;padding-right:9px;line-height:10px}.sukodu-content .m-header .label-container{float:left}.sukodu-content .m-header .stars{float:left}.sukodu-content .m-header .stars span.m-diff-level:hover{cursor:pointer;font-size:20px}.sukodu-content .m-header .dif-start-container{color:#08c;font-size:18px}.keyboard_container .field_container{position:absolute;top:0;left:0;width:calc(100% - 52px);height:100%;border-radius:2px;z-index:11;padding-left:26px}.keyboard_container .sudodu_cover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.1;border-radius:2px;z-index:10}.keyboard_container .level_container{height:40px;width:225px;background:#fff;border-radius:4px;padding-left:12px;color:#08c;margin:36px auto 0}.keyboard_container .level_container .label-container{float:left;line-height:40px;font-weight:400}.keyboard_container .level_container .stars{float:left;line-height:40px;margin-left:12px;font-size:18px}.keyboard_container .level_container .stars .dif-start-container{cursor:pointer}.keyboard_container .level_container .stars .dif-start-container span.diff-level{cursor:pointer;font-size:18px;width:20px;display:inline-block}.keyboard_container .level_container .stars .dif-start-container span.diff-level:hover,.keyboard_container .level_container .stars .dif-start-container span.diff-level:focus{font-size:20px}.keyboard_container .level_container .level.active:hover{font-weight:normal;font-size:13px}.keyboard_container .level_container .level:hover{font-weight:500;font-size:15px}.keyboard_container .level_container .level:nth-child(2){border-left:1px solid #08c;border-right:1px solid #08c}.keyboard_container .level_container .level{text-decoration:none;height:38px;width:75px;background:#fff;color:#08c;line-height:38px;text-align:center;margin-left:0;margin-right:0;float:left;font-size:13px;border-top:1px solid #08c;border-bottom:1px solid #08c}.keyboard_container .level_container .level:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;border-left:1px solid #08c}.keyboard_container .level_container .level:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;border-right:1px solid #08c}.keyboard_container .level_container .level.active{background:#08c;color:#fff;width:76px}.keyboard_container .x-btn-container{width:250px;float:left}.keyboard_container .x-btn-container a{display:block;width:60px;text-decoration:none;color:#fff;background:rgba(00,00,00,0.25);height:60px;text-align:center;line-height:64px;font-size:18px;margin-top:10px;font-weight:100;border-radius:60px;border:1px solid #fff;margin:16px 0 0 18px;font-weight:300;float:left}.keyboard_container .x-btn-container a.del-btn{line-height:58px;font-size:26px}.keyboard_container .x-btn-container a:hover{background:#fff;color:#08c}.keyboard_container .x-btn-container a.del-btn:hover{color:#08c;font-weight:500;background:#fff}.keyboard_container .text-container{width:237px;float:left;margin-top:24px;margin-left:13px;height:92px;background:rgba(0,0,0,0.25);border-radius:3px}.keyboard_container .text-container .text-cover{background-color:#000;opacity:.25;width:100%;height:100%;position:absolute;z-index:10;border-radius:3px}.keyboard_container .text-container .text-desc{width:204px;color:#fff;border-radius:3px;line-height:16px;position:absolute;z-index:11;padding-left:14px}.keyboard_container .number-keyboard{width:245px;float:left;padding-top:4px}.keyboard_container .number-keyboard .number{text-decoration:none;font-size:28px;font-weight:500;display:block;width:60px;height:60px;line-height:60px;text-align:center;border:1px solid #fff;float:left;margin-left:18px;margin-top:16px;color:#fff;border-radius:60px;background-color:rgba(00,00,00,0.25)}.keyboard_container .number-keyboard .number:hover{color:#08c;background-color:#fff}.confirm-msg-container{position:absolute;top:25%;width:100%;height:75%;z-index:1031;left:0}.confirm-msg-sub{width:240px;height:248px;background-color:#fff;margin:auto;position:relative;padding-left:12px;padding-right:12px;border-radius:12px}.confirm-header{float:left;width:100%}.confirm-header .icon-ungroup{display:block;width:100%;color:#a8a8a8;font-size:36px;text-align:center;margin-top:24px}.confirm-header>span.icon-close{position:absolute;right:12px;top:10px;color:#08c;font-weight:500;font-size:16px}.confirm-header>span.icon-close:hover{cursor:pointer}.confirm-header>p{text-align:center;font-size:18px;font-weight:500;padding-left:12px}.confirm-body{float:left}.confirm-body>p{text-align:center;color:rgba(00,00,00,0.5);padding-left:12px;line-height:16px;margin-block-start:8px}.confirm-btns{float:left;margin-top:12px}.confirm-btns>a#confirm_sure_btn_id{margin-left:22px}.confirm-btns>a{text-decoration:none;color:#fff;height:36px;display:block;float:left;width:100px;background-color:#08c;border-radius:3px;text-align:center;line-height:36px;margin-left:8px;border:1px solid #08c}.confirm-btns>a:hover{background-color:#fff;color:#08c}#success_container_id.success-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001;display:none}.success-container .cover-container{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.2;z-index:1002}.success-container .msg-container{z-index:10003;position:absolute;width:100%;height:100%}.success-container .msg-container .msg-sub-cotainer{width:280px;height:320px;background:#fff;margin:auto;margin-top:128px;border-radius:6px}.success-container .msg-container .msg-sub-cotainer .txt-conainer{float:left;width:100%}.success-container .msg-container .msg-sub-cotainer .txt-conainer>span:hover,.success-container .msg-container .msg-sub-cotainer .txt-conainer>span:focus{cursor:pointer;font-weight:500}.success-container .msg-container .msg-sub-cotainer .txt-conainer>span{font-size:16px;color:#08c;float:right;margin-top:10px;margin-right:10px}.success-container .msg-container .msg-sub-cotainer .txt-conainer>img{width:64px;margin:48px auto 20px;display:block}.success-container .msg-container .msg-sub-cotainer .txt-conainer>h3{font-size:28px;color:#08c;text-align:center;margin-top:8px;margin-bottom:22px}.success-container .msg-container .msg-sub-cotainer .txt-conainer>p{font-size:12px;color:#333;text-align:center;margin-top:0;width:258px;padding-left:12px}.success-container .msg-container .msg-sub-cotainer .btn-container{float:left;width:100%}.success-container .msg-container .msg-sub-cotainer .btn-container .retry-btn{text-decoration:none;display:block;width:240px;text-align:center;color:#08c;height:40px;border:1px solid #08c;margin:14px auto;border-radius:6px;line-height:40px;font-weight:500}.success-container .msg-container .msg-sub-cotainer .btn-container .retry-btn:hover,.success-container .msg-container .msg-sub-cotainer .btn-container .retry-btn:focus{color:#fff;background-color:#08c}body .sukodu-body .warning-msg-container{position:absolute;width:100%;height:75%;z-index:1003;top:25%;left:0;display:none}body .sukodu-body .warning-msg-container .warning-msg-sub{width:260px;height:320px;margin:auto;position:relative;background:#fff;border-radius:3px}body .sukodu-body .warning-msg-container .warning-msg-sub .msg-header{float:left;height:46%;width:100%;background-color:#08c;padding-top:30px}body .sukodu-body .warning-msg-container .warning-msg-sub .msg-header .text-title{margin:auto;width:100px;text-align:center;color:#fff;margin-top:14px;font-size:16px;font-weight:500;text-transform:uppercase}body .sukodu-body .warning-msg-container .warning-msg-sub .msg-body{float:left}body .sukodu-body .warning-msg-container .warning-msg-sub .msg-body p{display:block;text-align:center;padding-left:12px;padding-right:12px;text-wrap:wrap;overflow-wrap:break-word;line-height:16px;font-size:14px;font-weight:300;color:#38475f;margin-block-start:20px;margin-block-end:24px}body .sukodu-body .warning-msg-container .warning-msg-sub .msg-body a.close-btn{text-decoration:none;width:150px;display:block;margin:auto;height:40px;background:#fff;border-radius:4px;line-height:40px;text-align:center;color:#08c;margin-bottom:16px;margin-top:16px;border:2px solid #08c}body .sukodu-body .warning-msg-container .warning-msg-sub .msg-body a.close-btn:hover{color:#fff;background:#08c}.emoji-sad{position:relative;width:80px;height:80px;background:#08c;border-radius:50%;margin:auto;border:3px solid #fff}.face{width:inherit;height:inherit}.eyebrow-left{position:absolute;height:18px;width:18px;left:18px;border-radius:50%;border:2px solid transparent;box-sizing:border-box;border-top-color:#fff;top:20px}.eyebrow-right{position:absolute;height:18px;width:18px;right:18px;border-radius:50%;border:2px solid transparent;box-sizing:border-box;border-top-color:#fff;top:20px}.eye-left{position:absolute;width:8px;height:9px;background:#fff;left:23px;top:28px;border-radius:50%}.eye-right{position:absolute;width:8px;height:9px;background:#fff;right:23px;top:28px;border-radius:50%}.mouth-sad{position:absolute;width:36px;height:42px;border:3px solid transparent;top:52px;left:21px;box-sizing:border-box;border-radius:50%;border-top-color:#fff}@media(min-width:0) and (max-width:767px){.sukodu-content{max-width:352px;margin-top:16px}.sukodu-body .sudoku_text{max-width:352px}.sukodu-content .content-right{width:100%}.sukodu-content .content-left{margin-top:20px;width:100%;display:none !important}.sukodu-content .m-content-left{display:block;float:left;border:1px solid #c3c3c3;border-radius:3px;margin-top:10px;padding-bottom:14px;padding-top:4px;padding-left:30px;background:#f3f3f3}.sukodu-content .m-header{display:block;width:100%}.sukodu-content .m-header .m-btn-container{float:right;font-size:16px}.sukodu-content .m-header .m-btn-container a.m-edit-btn{float:left;text-decoration:none;color:#08c;margin-right:12px}.sukodu-content .m-header .m-btn-container a.m-show-btn{text-decoration:none;color:#08c;float:left;margin-right:2px}.sukodu-content .m-content-left a.m-number:hover,.sukodu-content .m-content-left a.m-number:active,.sukodu-content .m-content-left a.m-number:focus,.sukodu-content .m-content-left a.m-del-btn:hover,.sukodu-content .m-content-left a.m-del-btn:active,.sukodu-content .m-content-left a.m-del-btn:focus{color:#fff;background:#08c}.sukodu-body .sukodu-content .m-content-left a.m-del-btn{line-height:32px}.sukodu-content .m-content-left a.m-number,.sukodu-content .m-content-left a.m-del-btn{text-decoration:none;font-size:20px;color:#08c;width:36px;display:inline-block;height:36px;text-align:center;line-height:36px;background:#fff;border:1px solid #08c;border-radius:36px;float:left;margin-right:24px;margin-top:10px;font-weight:500}.sukodu-content .content-right .outer .border{margin:0}.sukodu-content .content-right .outer .border .table{width:352px}.sukodu-content .content-right .sudoku_container>li>span.space.option{width:29px;height:33px;line-height:12px;padding-top:2px;padding-bottom:2px}.sukodu-content .content-right .sudoku_container>li>span{width:37px;height:36px;line-height:36px}.sukodu-content .content-right .sudoku_container>li>span.space.option:nth-child(3n){width:30px}.sukodu-content .content-right .sudoku_container>li>span:nth-child(3n){width:38px}.sukodu-content .content-right .sudoku_container>li>span.space.option:nth-last-child(-n+3){height:34px}.sukodu-content .content-right .sudoku_container>li>span:nth-last-child(-n+3){height:36px}.sukodu-content .content-right .sudoku_container>li:nth-child(3n)>span.space.option:nth-child(3n){width:30px}.sukodu-content .content-right .sudoku_container>li:nth-child(3n)>span:nth-child(3n){width:38px}.sukodu-content .content-right .sudoku_container>li:nth-last-child(-n+3){padding-bottom:0}.sukodu-content .content-right .sudoku_container>li:nth-last-child(-n+3)>span.space.option:nth-last-child(-n+3){height:34px}.sukodu-content .content-right .sudoku_container>li:nth-last-child(-n+3)>span:nth-last-child(-n+3){height:36px}.sukodu-content .content-right .outer{width:352px;height:352px;background-color:#fff}.sukodu-content .content-right .sudoku_container>li:nth-child(3n){width:114px}.sukodu-content .content-right .sudoku_container{width:346px;height:346px;border:2px solid #08c;border-radius:3px}.sukodu-content .content-right .sudoku_container>li{width:114px;height:114px}.keyboard_container .level_container .level{width:100px;height:48px;line-height:48px}.keyboard_container .level_container .level.active{width:101px}.keyboard_container .x-btn-container a{width:301px;font-size:26px;height:48px;line-height:42px;margin-left:12px}.keyboard_container .x-btn-container a.del-btn{margin-left:24px}.keyboard_container .text-container{margin-left:24px;margin-top:16px;width:301px;height:80px}.keyboard_container .text-container .text-desc{width:301px;padding-left:12px;margin-block-start:14px;margin-block-end:12px}.keyboard_container .field_container{padding-left:0;width:352px}.keyboard_container .level_container{margin-top:20px;margin-left:24px}.keyboard_container .level_container .label-container{float:left;margin-top:4px}.keyboard_container .level_container .label-container .header-text{color:#08c;margin-top:4px;font-weight:500}.keyboard_container .level_container .label-container .stars{margin-top:2px;margin-left:10px;color:#08C;float:left;font-size:18px}.keyboard_container .number-keyboard{width:328px;margin-left:8px}.keyboard_container .number-keyboard .number{width:89px;height:72px;line-height:72px;margin-left:16px;margin-top:16px}.qr-body footer.sudodu-footer{margin-top:0;width:100%;margin-left:0;border-radius:3px}#hamburger-menu{top:28px;width:26px;height:32px;left:18px}#hamburger-menu span{height:3px;width:26px}.qr-body #hamburger-menu span:nth-child(1){top:8px}#hamburger-menu span:nth-child(1){top:10px}#hamburger-menu span:nth-child(2){top:18px}#hamburger-menu span:nth-child(3){top:26px}#hamburger-menu.open span:nth-child(1){left:2px;top:6px}#hamburger-menu.open span:nth-child(3),#hamburger-menu.fakeopen span:nth-child(3){top:25px;left:2px}#profile.profile{padding-left:25px;padding-right:25px;margin-bottom:72px}.sub-section.portfolio{padding-left:25px;padding-right:25px}.portfolio .slider .sub-slider{width:calc(100% - 50px);margin-right:0;padding:28px 25px 24px 25px}.main-content .left{width:100%;padding-right:0;border-right:0 none}.profile-table .user-col{display:none}.main-content .right{width:100%;padding-left:0;padding-top:32px}.main-content .right>.row.padding-top30{margin-top:10px;margin-bottom:20px}.main-content .right>.row.padding-top30 label{width:80px}.main-content .right>.row.padding-top30 .normal-txt{width:calc(100% - 80px)}.main-content .right .row{float:left;width:100%;margin-top:10px}.main-content .right .row label{float:left;width:64px;margin-bottom:0;line-height:30px}.main-content .right .row .normal-txt{float:left;width:calc(100% - 64px);line-height:30px}.right .row .normal-txt a.link-email{padding-left:0}.right .row .normal-txt a.link-email span{display:none}.right .btn-container{margin-top:28px}.main-content .sub-section.skills .profile-table{padding-left:25px;padding-right:25px}.sub-skills .section-row ul li,.sub-skills .section-row ul li:nth-child(2n){width:100%;padding-right:0;padding-left:0}.sub-skills .section-row ul li span.skill-star{right:0}.sub-skills .section-row ul li:nth-child(2n) span.skill-star{right:0}.main-content .sub-section.blog{padding-left:25px;padding-right:25px}.blog .profile-sub-table .blog-card{width:100%;margin-right:0}.blog .profile-sub-table .blog-card .img-container img{min-height:235px}.blog .profile-sub-table .blog-card .txt-container{width:100%}.main-content .sub-section.contact{padding-left:25px;padding-right:25px}.contact .profile .contact-form{width:100%}.contact .profile .social-content{display:none}.header-content .menu-content.pin-header{display:none !important}.header-content .header-txt h1{font-size:32px}.header-content .header-txt h3{font-size:20px}.float-down-arrow{right:28px;top:calc(100vh - 60px);font-size:32px;display:none !important}.right .row .normal-txt a.location-link{padding-left:0}.right .row .normal-txt a.location-link span.icon-location2{display:none}.right .btn-container>a{background-color:#fff;color:#08c;width:100%}.main-content .sub-section.portfolio h2{margin-top:0}.header-content .menu-content{width:260px}.header-content .menu-content ul{left:62px;top:72px}.header-content .menu-content ul li>a{font-size:18px;line-height:20px;padding-top:14px;padding-bottom:14px;display:inline-block}#portfolio::before{display:none}.main-content .sub-section h5{line-height:20px;margin-bottom:28px;padding-left:25px;padding-right:25px}.left h6,.right h6{margin-bottom:0}.contact-form input,.contact-form textarea{width:calc(100% - 25px);float:left}.contact-form input.email{margin-top:10px;margin-left:0}.contact-form textarea.social-msg{width:calc(100% - 25px)}.contact .profile a{width:100%;background-color:#08c;border:1px solid #08c;text-transform:uppercase}#spinner-id{width:100%}.main-content .sub-section.profile-section .profile-table{padding-top:10px}.main-content .sub-section.profile-section h2{margin-top:0}.portfolio .slider{margin-bottom:72px}.blog .profile-sub-table{padding-bottom:72px}#redirect_to_header{display:none !important}.header-content .header-txt .head-icon{width:150px;height:150px}.blog_content .blog_sub_content{height:100%;width:100%;margin:0;left:0;top:0}.blog_content .blog_sub_content .blog_body{height:calc(100% - 136px)}.blog_content .blog_sub_content .blog_header h4{font-size:20px;margin-left:20px}.blog_content .blog_sub_content .blog_header h4.long_title{font-size:20px;width:calc(100% - 82px);line-height:22px;padding-top:10px}.qr-form-right .white-bg{display:none}.qr-body .main-content .sub-section .qr-form-page .qr-form-container .qr-form-right{display:none}.qr-body .main-content{min-height:768px;margin-top:0;margin-bottom:0}.qr-body .main-content .sub-section{width:calc(100% - 60px);margin-left:30px}.qr-body .main-content .sub-title{display:none}.qr-body .main-content .sub-section .qr-form-page .qr-form-container .qr-form-left{width:100%}.qr-body .header-content .menu-content ul li>a{padding-left:90px;padding-top:8px;padding-bottom:8px}.qr-body .header-content .menu-content{width:260px}.qr-body #hamburger-menu.open span:nth-child(1),.qr-body #hamburger-menu.fakeopen span:nth-child(1){top:6px;left:3px}.qr-body #hamburger-menu.open span:nth-child(3),.qr-body #hamburger-menu.fakeopen span:nth-child(3){left:3px;top:20px}.qr-body #hamburger-menu>p{display:none}.qr-body footer{background:#f0f0f0;color:rgba(0,0,0,0.05);border-top:1px solid rgba(31,31,31,0.2);margin-top:-89px;margin-left:30px;width:calc(100% - 60px)}.qr-body footer .social-row a{background-color:rgba(41,41,41,0.8);color:#fff;line-height:28px}.qr-body footer .license-row{color:rgba(41,41,41,0.8);font-size:13px;font-weight:400}.qr-body #hamburger-menu{left:12px}}@media(min-width:768px) and (max-width:968px){.sukodu-content{max-width:748px}.sukodu-body .sudoku_text{max-width:748px}.sukodu-content .content-right .outer .border{margin:6px}.sukodu-content .content-right .outer .border .table{width:432px}.sukodu-content .content-right .sudoku_container>li>span.space.option{width:39px;height:37px}.sukodu-content .content-right .sudoku_container>li>span{width:47px;height:46px}.sukodu-content .content-right .sudoku_container>li>span.space.option:nth-child(3n){width:38px}.sukodu-content .content-right .sudoku_container>li>span:nth-child(3n){width:46px}.sukodu-content .content-right .sudoku_container>li>span.space.option:nth-last-child(-n+3){height:37px}.sukodu-content .content-right .sudoku_container>li>span:nth-last-child(-n+3){height:46px}.sukodu-content .content-right .sudoku_container>li:nth-child(3n)>span.space.option:nth-child(3n){width:40px}.sukodu-content .content-right .sudoku_container>li:nth-child(3n)>span:nth-child(3n){width:48px}.sukodu-content .content-right .sudoku_container>li:nth-last-child(-n+3){padding-bottom:0}.sukodu-content .content-right .sudoku_container>li:nth-last-child(-n+3)>span.space.option:nth-last-child(-n+3){height:37px}.sukodu-content .content-right .sudoku_container>li:nth-last-child(-n+3)>span:nth-last-child(-n+3){height:46px}.sukodu-content .content-right .outer{width:444px;height:448px}.sukodu-content .content-right .sudoku_container>li:nth-child(3n){width:144px}.sukodu-content .content-right .sudoku_container{width:432px;height:436px}.sukodu-content .content-right .sudoku_container>li{width:142px;height:144px}.keyboard_container .level_container .level{width:67px;height:40px;line-height:40px}.keyboard_container .level_container .level.active{width:68px}.keyboard_container .x-btn-container a{width:56px;height:56px;margin-top:12px;margin-left:16px;line-height:60px}.keyboard_container .x-btn-container a.del-btn{margin-left:16px;line-height:54px}.sukodu-content .content-left .keyboard_container{height:448px}.keyboard_container .text-container{margin-left:10px;margin-top:20px;width:220px;height:72px}.keyboard_container .level_container .stars .dif-start-container span.diff-level{font-size:16px}.keyboard_container .level_container .stars .dif-start-container span.diff-level:hover{font-size:18px}.keyboard_container .text-container .text-desc{width:204px;padding-left:8px;margin-block-start:8px;margin-block-end:8px;line-height:14px;font-size:12px;font-weight:300}.keyboard_container .field_container{padding-left:12px;width:calc(100% - 26px)}.keyboard_container .field_container .level_container{margin-top:20px;margin-left:10px;height:36px;line-height:36px;width:208px}.keyboard_container .field_container .level_container .label-container{line-height:36px;font-weight:400}.keyboard_container .level_container .stars{line-height:36px;margin-left:12px;font-size:16px}.keyboard_container .number-keyboard{float:left;margin-top:4px}.keyboard_container .number-keyboard .number{width:56px;height:56px;margin-left:16px;margin-top:12px;line-height:56px}#hamburger-menu{left:36px}.header-content .menu-content{left:0;width:280px}.header-content .menu-content ul{left:82px;top:118px}.header-content .menu-content ul li>a{font-size:18px;line-height:54px}.main-content .sub-section .profile{padding-left:20px;padding-right:20px}.main-content .left{padding-right:38px;width:calc(65% - 38px);height:368px}.profile-table .user-col .user-sub-col{width:48px;height:48px;left:-24px}.main-content .right{padding-left:36px;width:calc(35% - 38px)}.main-content .right .row{margin-top:14px}.main-content .right .row.btn-container{margin-top:42px}.portfolio .slider .sub-slider{width:calc(48% - 64px);margin-right:4%;margin-bottom:28px}.float-down-arrow{display:none}.portfolio .slider :nth-child(3n+3){margin-right:4%}.portfolio .slider :nth-child(2n+2){margin-right:0}.sub-skills .section-row ul li:nth-child(2n){padding-left:60px;width:calc(50% - 98px)}.blog .profile-sub-table .blog-card{width:48%;margin-right:4%;margin-bottom:28px}.blog .profile-sub-table :nth-child(9){display:none !important}.blog .profile-sub-table .blog-card .img-container img{height:276px}.blog .profile-sub-table :nth-child(2n+2){margin-right:0}.main-content .sub-section h5{font-size:16px;line-height:22px}.sub-skills .section-row ul li{width:calc(50% - 18px);padding-left:18px;padding-right:18px}.sub-skills .section-row ul li:nth-child(2n){padding-left:18px;width:calc(50% - 54px)}.sub-skills .section-row ul li span.skill-label{font-size:15px}.sub-skills .section-row ul li a{font-size:15px}.sub-skills .section-row ul li span.skill-star>span{font-size:17px}.sub-skills .section-row ul li:hover span.skill-star>span{font-size:18px}.contact .profile .social-content{padding-left:42px;width:35%}.left p{font-size:14px;line-height:22px}.right .row .normal-txt a.location-link{font-size:13px}.left h6,.right h6{font-size:22px}.main-content .sub-section.profile-section h2{margin-top:0}.main-content .sub-section.profile-section .profile-table{padding-top:40px}.right .btn-container>a{width:200px;height:42px;line-height:44px}#profile.profile{margin-bottom:128px}#redirect_to_header{display:none !important}.header-content .menu-content.pin-header ul{padding-left:20px;padding-right:20px;width:calc(100% - 40px)}.header-content .header-txt .head-icon{width:160px;height:160px}}@media(min-width:1053px) and (max-width:1112px){.float-down-arrow{top:-moz-calc(100vh - 128px);top:-webkit-calc(100vh - 128px);top:-o-calc(100vh - 128px);top:calc(100vh - 128px)}.blog .profile-sub-table .blog-card .img-container img{max-height:238px}}@media(min-width:969px) and (max-width:1052px){.main-content .sub-section .profile{padding-left:40px;padding-right:40px}.main-content .left{width:calc(65% - 58px);padding-right:58px;height:358px}.right .btn-container{margin-top:46px}.main-content .right{padding-left:58px;width:calc(35% - 60px)}.main-content .sub-section.profile-section .profile-table{margin-left:30px;margin-right:30px}.portfolio .slider{padding-left:30px;padding-right:30px;width:calc(100% - 60px)}.portfolio .slider .sub-slider{width:calc(48% - 68px);margin-right:4%;padding-left:36px;padding-right:32px;margin-bottom:32px}.portfolio .slider :nth-child(2n+2){margin-right:0}.blog .profile-sub-table{padding-left:30px;padding-right:30px;width:calc(100% - 60px)}.blog .profile-sub-table .blog-card{width:48%;margin-right:4%;margin-bottom:32px}.blog .profile-sub-table .blog-card .img-container img{min-height:312px}.blog .profile-sub-table :nth-child(2n+2){margin-right:0}.float-down-arrow{top:-moz-calc(100vh - 128px);top:-webkit-calc(100vh - 128px);top:-o-calc(100vh - 128px);top:calc(100vh - 128px)}.blog .profile-sub-table :nth-child(9){display:none !important}.main-content .sub-section.contact .profile,.main-content .sub-section.skills .profile{padding-left:70px;padding-right:70px}.sub-skills .section-row ul li:nth-child(2n){padding-left:76px;width:calc(50% - 100px);padding-right:24px}.sub-skills .section-row ul li{width:calc(50% - 46px);padding-left:24px;padding-right:22px}.sub-skills .section-row ul li:nth-child(2n) span.skill-star{right:24px}.header-content .menu-content.pin-header ul{padding-left:70px;padding-right:70px;width:calc(100% - 140px)}.header-content .header-txt .head-icon{width:160px;height:160px}}@media(min-width:0) and (max-width:360px){.sub-skills .section-row ul li span.skill-label{font-size:14px}.sub-skills .section-row ul li a{font-size:14px}.portfolio .slider .sub-slider p{font-size:13px;line-height:22px}.blog .profile-sub-table .blog-card .txt-container{padding:22px 12px 10px 18px}.blog .profile-sub-table .blog-card .txt-container p{font-size:12px;line-height:16px;margin-top:10px}.blog .profile-sub-table .blog-card .img-container img{min-height:auto}.blog .profile-sub-table .blog-card .txt-container h6{line-height:14px}.main-content .sub-section h5{padding-left:25px;padding-right:25px}.right .row .normal-txt a.location-link{line-height:18px;display:inline-grid}.header-content .header-txt .head-icon{width:120px;height:120px}.blog_content .blog_sub_content .blog_body{padding-left:10px;padding-right:10px}.blog_content .blog_sub_content .blog_header h4{font-size:18px;margin-left:12px}.blog_content .blog_sub_content .blog_header{padding-left:10px;padding-right:10px;width:calc(100% - 20px)}}