/* * Global stylesheet - take effect all page * */ :root { /* Font Family */ --global--font-primary: var(--font-headings, "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif); --global--font-handwritten: var(--font-handwritten, "Axure Handwriting", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif); /* Font Size */ --global--font-size-base: 1.125rem /* 18px */; --global--font-size-xs: 1rem /* 16px */; --global--font-size-sm: 1.25rem /* 20px */; --global--font-size-md: 1.5rem /* 24px */; --global--font-size-lg: 1.875rem /* 30px */; --global--font-size-xl: 2.25rem /* 36px */; --global--font-size-xxl: 3rem /* 48px */; --global--font-size-xxxl: 3.75rem /* 60px */; --global--font-size-page-title: var(--global--font-size-xxl); /* Line Height */ --global--line-height-body: 1.6; --global--line-height-heading: 1.3; --global--line-height-page-title: 1.1; /* Headings */ --heading--font-size-h6: var(--global--font-size-xs); --heading--font-size-h5: var(--global--font-size-sm); --heading--font-size-h4: var(--global--font-size-md); --heading--font-size-h3: var(--global--font-size-lg); --heading--font-size-h2: var(--global--font-size-xl); --heading--font-size-h1: var(--global--font-size-page-title); --heading--font-weight: 400; --heading--font-weight-strong: 700; /* Colors */ --global--color-white: #fff; --global--color-dark: #31354e; --global--color-dark-gray: #536e86; --global--color-gray: #97a0b1; --global--color-green: #61ca87; --global--color-blue: #67a4ff; --global--color-purple: #4f52ef; --global--color-red: #f75454; --global--color-orange: #f98653; } *{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html{overflow-x: hidden;} body{font-family:var(--global--font-primary);line-height:var(--global--line-height-body);color:var(--global--color-dark);overflow-x:hidden;zoom:1} h1{font-size: var(--heading--font-size-h1);} h2{font-size: var(--heading--font-size-h2);} h3{font-size: var(--heading--font-size-h3);} h4{font-size: var(--heading--font-size-h4);} h5{font-size: var(--heading--font-size-h5);} h6{font-size: var(--heading--font-size-h6);} p{font-size:var(--global--font-size-sm);line-height:var(--global--line-height-body);margin:24px 0;word-wrap:break-word} h1,h2,h3,h4,h5,h6{line-height:var(--global--line-height-heading);} h2.entry-subtitle{font-size:var(--global--font-size-sm);color:var(--global--color-gray);margin-top:16px} h2.content-title{padding-top:40px;text-align:center} .async-hide{opacity:0!important} /* * 1.0 Common style * ---------------------------------------------------------------------------- */ .clear{clear:both;display:block;width:100%} .row.middle{display:flex;align-items:center;} .container{width:96%;max-width:1366px;margin:0 auto;padding:50px 0;} .fleft{float:left!important;} .fright{float:right!important;} .center{text-align:center;} .half{width:65%;max-width:800px;margin:0 auto;} body.page h2{font-size: var(--global--font-size-page-title);} body.page h2:before{content:"";position:absolute;margin-top:40px;margin-left:-6px;width:74px;border-bottom:16px solid #4f52ef;z-index:-1;} /* Pop up*/ .popup-btn{cursor:pointer;} .popup-btn:hover{opacity:.8;} .close-btn{border-radius:50%;line-height:48px;cursor:pointer;font-size:var(--global--font-size-xxl);border:1px solid #fff;background:var(--global--color-white);position:absolute;top:-30px;right:-20px;box-shadow:0 0 20px 0px #21334b2b;} .close-btn span{display:flex;justify-content:center;} .close-btn:hover{background:var(--global--color-white);border:2px solid #5c7081;transition:.3s} .video-popup{display:none;width:100%;height:100vh;position:fixed;top:0;left:0;z-index:9999;} .tour.video .popup-bg{background:rgba(0,0,0,0.6);width:100%;height:100vh;position:absolute;} .tour.video .popup-content{background:var(--global--color-white);padding:1em;border-radius:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;box-shadow:0 0 20px 0px #21334b2b;} .single-kb .video-popup{overflow:auto;background:var(--global--color-white);} .single-kb .popup-bg{background:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;height:100vh;position:absolute;top:0;bottom:0;left:0;z-index:-1;} .single-kb .popup-content{width:100%;position:absolute;top:0;left:0;padding-top:50px;} .single-kb .close-btn{top:30px;right:50px;} /* 2.1 - Cookies */ footer .row{display:flex;justify-content:center;align-items:center;} footer .float-bar{background:#f1f1f1;border-top:1px solid #ddd;position:fixed;bottom:0;width:100%;z-index:1099;} footer .float-bar p{color:var(--global--color-dark);font-size:var(--global--font-size-xs);margin:16px 0;} footer button.agree{background:transparent;border:1px solid #66768c;border-radius:2px;color:var(--global--color-dark);text-align:center;font-size:var(--global--font-size-xs);cursor:pointer;padding:6px 14px;margin-left:10px;display:inline-block;} footer button.agree:hover{background:var(--global--color-dark);color:var(--global--color-white);} footer .container.bar{padding:0} footer .cookies-text{float:left;padding:0} footer .cookies-btn{float:left;padding:0;} footer .cookies-text a{color:var(--global--color-dark);text-decoration:underline;} @media screen and (max-width:840px){ footer .cookies-text{width:80%;} footer .cookies-btn{margin:0;display:inline-table;} } body.gsc-overflow-hidden{overflow:visible!important;} .article-title{border-left:5px solid #1676ea;padding-left:10px;} .single-images{width:100%;} input#article_subtitle{padding:3px 8px;font-size:var(--global--font-size-lg);height:1.7em;width:100%;outline:0;margin:0 0 3px;} .content-title-txt{font-size:var(--global--font-size-md);width:65%;margin:10px auto 20px;text-align:center;} .txtcolor{color:var(--global--color-gray);} @media screen and (max-width:600px){ .half{width:96%;margin:20px auto;} } .line{width:100px;height:5px;background:var(--global--color-blue);clear:both;margin:20px auto 40px;} a{word-wrap:break-word;color:var(--global--color-blue);text-decoration:none;} a:hover{text-decoration:underline;} a img{border:0;} .wpcf7 p{padding-top:0;margin:15px 0;} img{max-width:100%;height:auto;vertical-align:middle;} .pakb-template-single .site-content{width:70%;} .sidebar .site-content.fleft{width:70%;} .sidebar-container.fright{width:100%;} .sidebar-container.fright.blog{width:30%;} @media screen and (max-width:1000px){ .pakb-template-single .site-content{width:100%;} body.sidebar .site-content.fleft,.sidebar-container.fright,.content-title-txt{width:100%;} } /*KB article tags*/ .tags{padding:0!important;} .tags li{padding:8px 14px;background:#f8f8f8;border-radius:4px;font-size:var(--global--font-size-xs);list-style-type:none;display:inline-flex;margin:0 20px 16px 0!important;} .tags li a{color:var(--global--color-dark);} .tags li:hover a{color:var(--global--color-white);} .tags li:hover{background:var(--global--color-gray);} /* * 1.0 Header * @Caption Navigation * ---------------------------------------------------------------------------- */ .header{background:var(--global--color-white);box-shadow:0px 10px 25px -8px #21334b2b;} .ie .header{border-bottom:2px solid #d1dde2;} .header .container{padding:0} .logo.fleft{padding-left:20px;} .navigation{width:70%;} .ie .navigation{padding-top:10px;} .ie .navbutton{display:none;} #toggle,#toggle-two,.toggle{display:none} .menu_item > li{list-style:none;float:left;margin-bottom:0} .menu_item > li > a{display:block;color:var(--global--color-blue);text-decoration:none} .menu_item > li > a:hover,.menu_item > li > a:focus{-webkit-transition:all 0.25s linear;-moz-transition:all 0.25s linear;-o-transition:all 0.25s linear;transition:all 0.25s linear} .menu_item li a{color:var(--global--color-dark);text-decoration:none;display:block} .menu_item > li > a{font-size:var(--global--font-size-base);display:inline-block;padding:.8em;} .menu_item li:hover > a{color:var(--global--color-blue);} .menu_item .sub-menu{background:var(--global--color-white);border-top:0;border-radius:6px;padding:1em;position:absolute;clip:rect(1px,1px,1px,1px);box-shadow:0 0 30px rgba(7,51,84,0.17);-webkit-box-shadow:0 0 30px rgba(7,51,84,0.17);-moz-box-shadow:0 0 30px rgba(7,51,84,0.17);z-index:1000} .menu_item .sub-menu li{list-style:none;color:var(--global--color-dark);padding:1em;margin:0} .menu_item .current-menu-item > a{font-weight:var(--heading--font-weight-strong);} .menu_item > li:last-child{border:none;} .sub-menu .menu_item > li > a{font-weight:var(--heading--font-weight);font-size:var(--global--font-size-xs);} .menu_item li:hover > ul,.menu_item ul li:hover > ul,.menu_item .focus > ul,.menu_item .focus > ul{clip:inherit;} .main-menu ul > li > ul > li >a{font-weight:var(--heading--font-weight);} .navbutton a:hover{text-decoration:none;} .navbutton a{margin-left:1em;} .navbutton .btn-buy,.navbutton .btn-download{padding:1em;font-weight:var(--heading--font-weight-strong);border-radius:4px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all 0.3s linear;transition:all .3s linear;} .navbutton .btn-buy{background:#e8e8e8;color:var(--global--color-dark);border-bottom:2px solid #d2dbdb;} .navbutton a:hover .btn-buy{background:#d2dbdb;} .navbutton .btn-download{background:var(--global--color-green);color:var(--global--color-white);border-bottom:2px solid #5BB482;} .navbutton a:hover .btn-download{opacity: .8;} .ie8 .menu_item > li > a{font-size:var(--global--font-size-base);} .ie8 .logo{position:absolute;margin-top:24px;} .ie8 nav{display:inline;} @media screen and (max-width:1700px){ .navigation:lang(en-DE){width:65%;} } @media screen and (max-width:1480px){ .navigation:lang(en-DE){width:60%;} .header:lang(en-DE){height:120px;} .logo img:lang(en-DE){margin-bottom:-3em;} .main-menu.fright:lang(en-DE){position:absolute;top:60px;} .sub-menu.fright:lang(en-DE){float:left!important;padding:.5em;} } @media screen and (max-width:1380px){ .navigation{width:60%;} .navigation:lang(en-DE){width:56%;} .navigation:lang(fr-FR){width:68%;} .menu_item > li > a{font-size:var(--global--font-size-base);} } @media screen and (max-width:1300px){ .header:lang(en-DE){position:relative;height:auto;} .header .row.middle:lang(en-DE){display:block;} .logo:lang(en-DE){float:none;} .navbutton:lang(en-DE){position:absolute;top:24px;right:92px;} .navigation:lang(en-DE){width:100%!important;} .sub-menu.fright:lang(en-DE){float:none!important;} .logo img:lang(en-DE){margin:0;} .sub-menu:lang(en-DE){padding-right:2em;} .main-menu.fright:lang(en-DE),.sub-menu.fright:lang(en-DE){position:relative;} .main-menu.fright:lang(en-DE),.sub-menu.fright:lang(en-DE){float:none!important;top:0;} .menu_item > li > a{padding: 0.6em;} .navigation .menu-item-has-children{padding-right: 0;} } @media screen and (max-width:1240px){ .navigation:lang(fr-FR){width:60%;} .header:lang(fr-FR){height:120px;} .logo img:lang(fr-FR){margin-bottom:-3em;} .main-menu.fright:lang(fr-FR){position:absolute;top:60px;} .sub-menu.fright:lang(fr-FR){float:left!important;padding:.5em;} } @media screen and (max-width:1100px){ .header{position:relative;} .header .row.middle{display:block;} .logo{float:none;} .navbutton{position:absolute;top:24px;right:92px;} .m-hide-button {display: none !important;} .navigation{width:100%!important;} .sub-menu.fright{float:none!important;} .header:lang(fr-FR){position:relative;height:auto;} .logo img:lang(fr-FR){margin:0;} .main-menu.fright{float:none;} .sub-menu{padding-right:2em;} .main-menu.fright:lang(fr-FR),.sub-menu.fright:lang(fr-FR){position:relative;} .main-menu.fright,.sub-menu.fright:lang(fr-FR){float:none!important;top:0;} } @media screen and (max-width:600px){ .navbutton .btn-download:lang(en-DE){display:none;} } @media screen and (max-width:500px){ .navbutton a{margin-left:.4em;} .navbutton .btn-download{display:none;} } /* Header - Navigation bubble arrow */ .menu_item li ul:before{background:var(--global--color-white);content:"";width:10px;height:10px;left:3em;margin:-5px 0 0 -5px;position:absolute;top:0;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);} /* Header - Navigation down arrow */ .menu-item-has-children{padding-right:8px;} .menu_item .menu-item-has-children > a:after{display:inline-block;margin-left:.255em;vertical-align:.15em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;} /* Header - Navigation right arrow */ .menu_item ul a:before,.menu_item ul ul a:before{content:"\203A";display:inline-block;width:1em;} @media only screen and (max-width:1100px){ .header{border-bottom:1px solid #ebeff9;} .navigation{float:none;} /*.navbutton{display:none;}*/ .toggle{display:block;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;} #toggle:checked + div .menu_item{display:block;opacity:1;} #toggle-two:checked + div .menu_item{display:block;opacity:1;} .menu_item{background:var(--global--color-white);display:none;opacity:0;width:100%;box-shadow:0 20px 30px rgba(7,51,84,0.17);-webkit-box-shadow:0 20px 30px rgba(7,51,84,0.17);-moz-box-shadow:0 20px 30px rgba(7,51,84,0.17);-webkit-transition:all .8s ease;transition:all .8s ease;z-index:1000;} .menu_item > li{display:block;width:100%;border-top:1px solid #ebeff9;z-index:1999;} .menu_item > li > a{display:block;width:100%;text-decoration:none;} .toggle:after{content:attr(data-open);position:absolute;right:20px;top:12px;line-height:36px;padding:0 12px 10px;font-size:var(--global--font-size-xl);border:3px solid #d2dbdb;border-radius:6px;color:var(--global--color-dark);-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;} .toggle:hover:after{border-radius:50%;} #toggle:checked + div .toggle:after{content:attr(data-close);} .menu_item .sub-menu{position:relative;box-shadow:none;} .menu_item > li{position:relative;background-color:var(--global--color-white);} } /** * 2.0 Footer * ---------------------------------------------------------------------------- */ .go-to-top:before{content:"\2191"} .go-to-top{position:fixed;bottom:16px;right:20px;border-radius:2px;padding:.5em 1em;display:block;text-decoration:none;color:var(--global--color-white);background:var(--global--color-dark);opacity:.6;} .go-to-top:hover{opacity:.4} #colophon #footer{clear:both;width:100%;background:var(--global--color-dark);display:inline-block;} footer .widget-area{width: 100%;} footer .widget-area aside.widget{float:left;color:var(--global--color-gray);padding:20px;width:auto;} footer .widget-area aside.widget ul li{padding-top:10px;margin-bottom:0;list-style:none;} footer .widget-area aside.widget.widget_nav_menu{width:25%;float:left;} footer .widget-area aside.widget.widget_nav_menu ul li a:before{content:"\203A";display:inline-block;width:10px;float:left;} footer .widget-area aside.widget a{color:var(--global--color-white);font-size: var(--global--font-size-base);} footer .widget-area aside.widget a:hover,footer .copyright p a:hover{color:var(--global--color-blue);} footer .copyright{width:100%;background:var(--global--color-white);} footer .copyright p a{font-family:var(--global--font-primary);color:#31354e;text-decoration:none;} @media screen and (max-width:1000px){ footer .widget-area aside.widget.widget_nav_menu,footer .widget-area aside.widget{width:50%;float:left;} } @media screen and (max-width:600px){ footer .widget-area aside.widget.widget_nav_menu,footer .widget-area aside.widget{width:100%;} } /** * 3.0 Button * @Caption - Blue common & Green download & Orange buy button & Post navigation link & Contact us button * ---------------------------------------------------------------------------- */ .btn{margin:40px auto;text-align:center;outline:none} .btn-more{margin:2em 0;display:inline-block;} .btn-more a{text-decoration:none!important;} .btn-more .learn{background:#4f52ef;border-radius:100px;color:var(--global--color-white);font-size:var(--global--font-size-md);border:none;padding:.5em 2em;} button{background:var(--global--color-white);border:2px solid #1676ea;border-radius:2px;color:var(--global--color-purple);text-align:center;font-size:var(--global--font-size-xs);cursor:pointer;padding:10px 20px;margin:5px auto} button span{cursor:pointer;display:inline-block;position:relative;transition:.5s} button a:hover{color:var(--global--color-white)} button:after{clear:both} button label{font-family:var(--global--font-primary);cursor:pointer;font-weight:var(--heading--font-weight);} button .arrow{position:absolute;display:block;height:16px;width:16px;padding-right:20px;border:16px solid transparent;transform:rotate(45deg);margin-left:-2em;} button.download .arrow{transform:rotate(45deg);} button.buy .arrow{transform:rotate(315deg);} button.buy > span{text-align:left;margin-left:30px;} button .arrow:after,button .arrow:before{content:"";display:block;height:inherit;width:inherit;position:absolute;top:0;left:0;} button .arrow:after{border-bottom:3px solid white;border-right:3px solid white;top:0;left:0;opacity:1;animation:bottom-arrow 1.65s infinite;} @keyframes bottom-arrow{ 0%{opacity:1;transform:translate(0,0);} 45%{opacity:0;transform:translate(12px,12px);} 46%{opacity:0;transform:translate(-16px,-16px);} 90%{opacity:1;transform:translate(-6px,-6px);} 100%{opacity:1;transform:translate(-6px,-6px);} } button .arrow:before{top:0;left:0;border-bottom:3px solid white;border-right:3px solid white;animation:top-arrow 1.65s infinite;} @keyframes top-arrow{ 0%{transform:translate(-6px,-6px);} 35%{transform:translate(0,0);} 90%{opacity:1;transform:translate(0,0);} 100%{opacity:1;transform:translate(0,0);} } /* Button - Blue common */ button.button span:after{content:'\00bb';position:absolute;opacity:0;top:0;right:-10px;vertical-align:middle;} button.button:hover,.content-features button{color:var(--global--color-white);border:0;padding:12px 22px;} button.button:hover span{padding-right:20px;} button.button:hover span:after{opacity:1;right:0;} /* Button - Green download & Orange buy */ button.buy{font-family:var(--global--font-primary);font-weight:var(--heading--font-weight-strong);color:var(--global--color-white);border:none;font-size:var(--global--font-size-md);padding:.6em 1.6em .6em 3em;border-radius:2px;transition:background .2s,box-shadow .2s;} button.download{background:var(--global--color-green);font-weight:var(--heading--font-weight-strong);color:var(--global--color-white);border:none;font-size:var(--global--font-size-md);padding:1.2em 1.5em 1.2em 1.5em;border-radius:10px;box-shadow:0 4px 12px rgba(97,202,135,0.4);transition:background .2s,box-shadow .2s;} button.download:hover{box-shadow:none;} header .button{color:var(--global--color-white);border:none;} header .button:hover{padding:10px 20px;} button.button:hover,.content-features button,header .button{background:-moz-linear-gradient(0deg,#00aeff,#3369e7);background:-webkit-linear-gradient(0deg,#00aeff,#3369e7);background:-ms-linear-gradient(0deg,#00aeff,#3369e7);box-shadow:0 4px 12px rgba(51,105,231,0.4);} button.buy{background:var(--global--color-red);box-shadow:0 4px 12px rgba(175,99,19,0.4);} button.buy:hover{box-shadow:none;} .ie .content-features button{background:#3369e7;} .ie button .arrow{display:none;} .download span{font-size:var(--global--font-size-md);margin:0;} .download label{font-size:var(--global--font-size-md);text-decoration:underline;font-family:var(--global--font-primary);font-weight:var(--heading--font-weight-strong);} @media screen and (max-width:400px){ button{padding:.5em;} button span{font-size:var(--global--font-size-sm);} } /* Button - Page & Post navigation link */ .page-link a{font-size:var(--global--font-size-sm);text-decoration:none;color:#31354e;padding:10px;font-weight:var(--heading--font-weight);font-style:normal;} .page-link{font-size:var(--global--font-size-lg);width:880px;margin:0 auto;color:var(--global--color-purple);font-weight:var(--heading--font-weight-strong);} .nav-links .meta-nav{font-size:var(--global--font-size-sm);padding:4px 11px;margin:10px;color:#31354e;border:1px solid #d4dbea;background:#f7f7f7;} .nav-links .meta-nav:hover{background:#1676ea;border-color:var(--global--color-purple);color:var(--global--color-white);} .nav-links h4{margin:20px 0;} /* Button - Contact us button */ button.form{background:var(--global--color-white);border-radius:2px;border:2px solid #1676ea;color:var(--global--color-purple);text-align:center;font-size:var(--global--font-size-base);cursor:pointer;width:78%;padding:15px 0;margin:5px auto;} button.form:hover{background:-moz-linear-gradient(0deg,#00aeff,#3369e7);background:-webkit-linear-gradient(0deg,#00aeff,#3369e7);background:-ms-linear-gradient(0deg,#00aeff,#3369e7);box-shadow:0 4px 12px rgba(51,105,231,0.4);border-radius:2px;border:0;color:var(--global--color-white);text-align:center;font-size:var(--global--font-size-base);cursor:pointer;padding:17px 0;margin:5px auto;} /** * 4.0 - Home * ---------------------------------------------------------------------------- */ .content-features .container,.content-test .container,.content-driverstyle .container{padding-bottom:90px;} .banner .line{margin:0;} .banner{width:100%;color:var(--global--color-white);} .banner .col-12 ul li{width:49%;padding:0;} .banner .col-12{padding:0;} .banner h1{padding:40px 0 30px;} .banner h1 strong{color:#58c27f;font-weight:var(--heading--font-weight-strong);} .banner p{width:95%;} .banner .ver{font-size:var(--global--font-size-xs);} .banner .ver a{color:#19b5fe;text-decoration:none;} .banner-icon{background:#002658;} .banner .home-lite{font-size:var(--global--font-size-base);} .banner .home-pro{font-size:var(--global--font-size-base);margin-left:0;} .banner .home-compare{text-align:center;} .banner .home-compare a{color:var(--global--color-white);text-decoration:underline;} .banner button.buy{padding:0px 80px;margin-right:20px;height:90px;text-align:center;background:-webkit-linear-gradient(90deg,#30be64,var(--global--color-green));} .banner button.download{padding:0px 80px;height:90px;background:rgb(90,164,227);} .ie8{min-width:600px;} .ie8 .banner{display:inline-block;margin-bottom:-10px;} .hb-video{height:384px;margin:auto;} .problems-video{max-width:960px;margin:auto;} .how-video{position:relative;margin:80px auto 40px;max-width:960px;height:540px;} .how-video img{position:absolute;top:50px;right:-300px;} @media screen and (max-width:1280px) and (min-width:1000px){ .hb-video{width:80%;} } @media screen and (max-width:1000px){ .banner .line{margin:0 auto;} .banner-icon ul{width:50%;float:left;} .banner .row .col-12 ul li{width:100%;display:block;} .content-whouse .row .col-4{padding:20px;width:80%;margin:0 auto;float:none;} .content-howwork ul li{width:100%;} .content-howwork img{display:none;} } @media screen and (max-width:700px){ .content-certified .row .col-6{padding:0 20px;margin:50px 0;} } @media screen and (max-width:600px){ .banner-icon .col-3 ul,.content-whouse .row .col-4,body .content-howwork ul li p{width:100%;} body .content-award .col-3{width:50%;} } @media screen and (max-width:400px){ body [class*="col-"]{padding:10px 5px;} .banner .col-12 ul li{padding:0;} body .certified{padding:30px 5px;} body .content-certified .row .col-6{padding:0 5px;} } /* Home - Map */ .content-map{background:#67a4ff;text-align:center;color:var(--global--color-white);} .content-map h2{color:var(--global--color-white);} .content-map .row label{width:15px;height:15px;background:var(--global--color-white);display:inline-block;margin-right:10px;border-radius:50%;} /* Home - Testimonial */ .content-testimonial{text-align:center;background:#f8faff;} .content-testimonial .tag-name{font-size:var(--global--font-size-md);} .content-testimonial .tag-name img{border-radius:50%;} .content-testimonial .tag-name:after{content:"\2605 \2605 \2605 \2605 \2605";display:block;font-size:var(--global--font-size-lg);color:#ffbc00;text-align:center;} /* Home - All drivers certificate */ .content-certified{text-align:center;color:var(--global--color-white) !important;} .content-certified-bg{background:#2b4668;width:100%;height:470px;position:absolute;z-index:-1;} .content-certified h3{margin:0 0 40px;} .content-certified .microsoft,.content-certified .de{background:var(--global--color-white);color:#31354e;} .content-certified .certified img{padding:0 0 20px;height:192px;} .content-certified .row .col-6{padding:0 40px;margin:40px 0 0;} .certified{border-radius:2px;padding:60px 40px;} .cc-text{height:200px;} @media screen and (max-width:1210px){ .content-certified h3{height:72px;} .cc-text{height:260px;} } @media screen and (max-width:1000px){ .content-certified h3{height:100%;} .cc-text{height:100%;} } /* Home - Download your free trial now */ .content-buybuttom{position:relative;z-index:0;color:var(--global--color-white);} .content-buybuttom .container{padding: 0 0 50px 0;} .content-buybuttom .col-7{position:absolute;z-index:0;width: 100%;left: 0;padding: 0;height: 100%;} .content-buybuttom .col-5{position:relative;z-index:1;width: 65%;margin: 0 17.5%;max-width: 800px;padding: 50px 0 0 0;} .content-buybuttom .wp-block-image{height: 100%;} .content-buybuttom .wp-block-image img{width: 100%;height: 100%;object-fit: cover;} .content-buybuttom h2{color:var(--global--color-white);} .content-buybuttom .page-maintitle{color:var(--global--font-size-md);font-size:var(--global--font-size-xxl);} .buybottom-txt{font-size:var(--global--font-size-md);} /* * 6.0 Add common functions * ---------------------------------------------------------------------------- */ /* 6.1 Show & Hide shortcode (e.g. FAQ page) */ .shortcode-showhidden{margin:1em 0;} .xControl{font-size:var(--global--font-size-base);background:rgba(0,0,0,0.025);} .xControl a:before{content:"\203A ";margin-right:5px;} .xControl a{text-decoration:none;color:var(--global--color-blue);display:block;padding:20px;} .xControl:hover{background:rgba(0,0,0,0.045);} .xContent{padding:10px 30px;margin:10px 30px;} /* 6.3 Fluid columns */ .row:after{content:"";clear:both;display:table;} [class*="col-"]{float:left;padding:10px 20px;} .col-1{width:8.33%;} .col-2{width:16.66%;} .col-3{width:25%;} .col-4{width:33.33%;} .col-5{width:41.66%;} .col-6{width:50%;} .col-7{width:58.33%;} .col-8{width:66.66%;} .col-9{width:75%;} .col-10{width:83.33%;} .col-11{width:91.66%;} .col-12{width:100%;} .col-1 ul li,.col-2 ul li,.col-3 ul li,.col-4 ul li,.col-5 ul li,.col-6 ul li,.col-7 ul li,.col-8 ul li,.col-9 ul li,.col-10 ul li,.col-11 ul li,.col-12 ul li,.row .col-12 ul li{display:table-cell;vertical-align:middle;} .col-12 ul li{width:50%;padding:0 2em;} @media screen and (max-width:1000px){ .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-12,.col-12 ul li{width:100%;} .col-12 ul li{text-align:center;} } /* 6.4 Tooltip (e.g. Home page table)*/ .tooltip{position:relative;cursor:default;float:left;} .tooltip .tooltiptext{font-family:var(--global--font-primary);opacity:0;width:500px;background:var(--global--color-white);border-radius:6px;padding:2em 2em 1em;position:absolute;bottom:90px;left:0;box-shadow:0 0 30px rgba(7,51,84,0.17);-webkit-box-shadow:0 0 30px rgba(7,51,84,0.17);-moz-box-shadow:0 0 30px rgba(7,51,84,0.17);display:none;} .tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:18px;border-width:10px;border-style:solid;border-color:#fff transparent transparent transparent;} .tooltip:hover .tooltiptext{opacity:1;animation-name:popup;animation-duration:.3s;display:block;} @keyframes popup{ from{bottom:70px;opacity:0;} to{bottom:90px;opacity:1;} } @media screen and (max-width:600px){ .tooltip .popover-name.tooltiptext{display:none;} } /* 6.5 Note type */ .note{max-width: 760px;padding: 17px 25px 16px 31px;margin:16px 0;word-wrap:break-word;border-radius:10px;width:100%;background: #F0F2F5;} .note:before{padding-right:1em;} .note:before,.note span:first-child{vertical-align:middle;display:table-cell;} .note p:first-child,.note span:first-child{margin-top:0;} .note p:last-child,.note span:last-child{margin-bottom:0;} .note.info:before{display: inline-block;height: 36px;width: 36px;content: '';background: url(../svg/exclamation-blue.svg) no-repeat 0 0;background-size: 36px 36px;padding: 0 25px;} .note.question:before{display: inline-block;height: 36px;width: 36px;content: '';background: url(../png/note-question.png) no-repeat 0 0;background-size: 36px 36px;padding: 0 25px;} .note.notification:before{display: inline-block;height: 36px;width: 36px;content: '';background: url(../png/note-notification.png) no-repeat 0 0;background-size: 36px 36px;padding: 0 25px;} .note.warning:before{display: inline-block;height: 36px;width: 36px;content: '';background: url(../png/note-warning.png)no-repeat 0 0;background-size: 36px 36px;padding: 0 25px;} .note.error:before{display: inline-block;height: 36px;width: 36px;content: '';background: url(../png/note-error.png) no-repeat 0 0;background-size: 36px 36px;padding: 0 25px;} .note.success:before{display: inline-block;height: 36px;width: 36px;content: '';background: url(../png/note-success.png) no-repeat 0 0;background-size: 36px 36px;padding: 0 25px;} .note.info, .note.question, .note.notification, .note.warning, .note.error, .note.success{display: flex;flex-direction: row;align-items: center;} .note.info > span, .note.question > span, .note.notification > span, .note.warning > span, .note.error > span, .note.success > span{font-size: 1rem;border-left: 1px solid #EAEAEA;padding-left: 22px;line-height: 30px;} @media screen and (max-width:600px) { .note{padding: 17px 24px 14px 24px;} .note.info, .note.question, .note.notification, .note.warning, .note.error, .note.success{display: flex;flex-direction: column;} .note.info > span, .note.question > span, .note.notification > span, .note.warning > span, .note.error > span, .note.success > span{font-size: 14px;border-left: none;border-top: 1px solid #EAEAEA;padding: 17px 0 9px 0;line-height: 25px;} .note.info:before, .note.question:before, .note.warning:before, .note.error:before, .note.success:before, .note.notification:before{padding: 0;width: 28px;height: 28px;background-size: 28px 28px;margin: auto;margin-bottom: 12px;} } /** * 7.0 - Template * ---------------------------------------------------------------------------- */ /* 7.2 Template - Fullwidth */ .fullwidth{color:var(--global--color-white);} .fullwidth.banner-img{background-position:center;background-size:cover;background-attachment:fixed;} .fullwidth.banner-text{background:#31354e;} .fullwidth p{font-size:var(--global--font-size-md);} .fullwidth-title{margin:80px auto;} .kb-fullwidth span.featured-image{width:100%;height:680px;position:absolute;top:0;bottom:0;z-index:-1;} .kb-fullwidth span.featured-image:after{content:"";position:absolute;top:80px;right:0;bottom:0;left:0;transform-origin:bottom;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)30%,rgba(0,0,0,0.7));} .kb-fullwidth img.imgfit{width:100%;height:100%;height:600px;position:absolute;top:0;z-index:-1;object-fit:cover;object-position:center;} .kb-fullwidth .container{padding:14px 0 50px 0;} .kb-fullwidth .container #breadcrumbs{margin:0 0 0 98px;padding:8px 36px;border-radius:8px;} @media screen and (max-width:700px){ .kb-fullwidth .container #breadcrumbs{display: none;} } /* 7.3 Template - Fullwidth */ .kb-fullwidth{color:var(--global--color-white);overflow:hidden;} .kb-fullwidth-title a img{overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;} .kb-fullwidth.banner-text{background:#31354e;} .kb-fullwidth h1.entry-title{padding-bottom:20px} .kb-fullwidth h2{font-size:var(--global--font-size-md);color:var(--global--color-white);} .kb-fullwidth-title{position:absolute;bottom:100px;margin-left:100px;width:62%;} .kb-fullwidth-title .full-avatar .post-edit-link svg {fill:#fff;} .full-avatar{padding-top:20px;display: inline-flex;align-items: center;} .vcard p{margin:0;font-size:var(--global--font-size-xs);padding-left:0;} .kb-fullwidth span {font-size:var(--global--font-size-xs);} .kb-fullwidth span.breadcrumb_last{font-weight: var(--heading--font-weight-strong);} .kb-fullwidth a{color:var(--global--color-white);} .kb-fullwidth .half-time p{margin:0;display: inline-flex;align-items: center;width: 100%;} .full-avatar .half-time a{font-size:var(--global--font-size-xs);} .kb-fullwidth .half-time time{display:flex;} .kb-fullwidth .popover-name{color:#666;} @media screen and (max-width:1450px){ .kb-fullwidth-title{width:70%;} } @media screen and (max-width:1300px){ .kb-fullwidth-title{bottom:50px;} } @media screen and (max-width:1000px){ .kb-fullwidth-title{width:80%;} } @media screen and (max-width:700px){ .kb-fullwidth-title{margin-left:1em;} .kb-fullwidth h1.entry-title{padding-top:0;padding-bottom:0;} } @media screen and (max-width:420px){ .kb-fullwidth h1.entry-title{padding-top:0;padding-bottom:0;} .full-avatar{padding-top:0;} .kb-fullwidth-title{padding-bottom:0;} .kb-cover{background-image:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.7));} } /* 7.4 Template - halfwidth */ .kb-halfwidth{margin:0 65px;justify-content:center;align-items:center;display:-webkit-flex;} .kb-halfwidth .banner-img{background-position:center;background-size:cover;} .kb-halfwidth img.imgfit{position:relative;object-fit:cover;object-position:center;padding: 50px;} .kb-halfwidth h1,.kb-nopic h1{padding:30px 0 14px 0;} .kb-halfwidth-avatar{margin-top:20px;} .kb-halfwidth-avatar .half-time a{color:var(--global--color-dark);} .kb-halfwidth-avatar .half-time p{margin:0;font-weight: var(--heading--font-weight-strong);display: inline-flex;align-items: center;width: 100%;} .kb-nopic p{font-size:var(--global--font-size-xs);color:#555;} .vcard img{border-radius:100px;} .kb-halfwidth .container.col-6{padding-left:8%;width:50%;} .kb-nopic a{color:#888;display:inline-block;} .kb-halfwidth p{font-size:var(--global--font-size-xs);} .kb-halfwidth .kb-halfwidth-title #breadcrumbs{margin:0 0 0 30px;} #breadcrumbs a{color: var(--global--color-gray);font-weight:var(--heading--font-weight); padding:0 6px;} .kb-fullwidth #breadcrumbs a{color: var(--global--color-white)} #breadcrumbs>span::before{content:url('../svg/house-door-fill.svg');position:absolute;margin-left:-16px;margin-top:6px;} .kb-halfwidth-title #breadcrumbs>span::before{margin-top:0;} @media screen and (max-width:1250px){ .banner-img.col-6{width:100%;float:left;} .kb-halfwidth .container.col-6{padding-left:0;width:100%;} .kb-halfwidth{display:block;} } @media screen and (max-width:1000px){ .kb-halfwidth .kb-halfwidth-title #breadcrumbs{margin-top:30px;} } @media screen and (max-width:700px){ .kb-halfwidth{margin:0 1em;} .kb-halfwidth .kb-halfwidth-title #breadcrumbs{display: none;} } @media screen and (max-width:420px){ .kb-halfwidth .banner-img{display:none;} } /* 7.5 Template - midwidth */ .kb-midwidth{margin:0 65px;} .kb-midwidth #breadcrumbs{padding:0 0 0 110px;} .kb-midwidth .banner-img{background-position:center;background-size:cover;height:50vh;min-height:550px;width:70%;margin:auto;} .kb-midwidth h1{padding:30px 0 14px 0;color:#31354e;} .kb-midwidth h2{font-size:var(--global--font-size-md)} .kb-midwidth-avatar{margin-top:20px;display: inline-flex;align-items: center;} .kb-midwidth-avatar .half-time p{margin:0;display: flex;align-items: center;width: 100%;} .kb-midwidth-title{width:58%;margin-left:80px;} .kb-midwidth-title #breadcrumbs{margin-left:29px;} .kb-midwidth-title p{font-size:20px;margin:0;display: inline-flex;align-items: center;width: 100%;} .kb-midwidth #breadcrumbs span{font-size:var(--global--font-size-xs);color:#555;} .kb-midwidth .container{margin:auto;padding:60px 0 10px 0;} .kb-midwidth .full-avatar{margin-top: 15px;} .kb-midwidth a{color:var(--global--color-dark);font-weight:var(--heading--font-weight-strong);display:inline-block;font-size:var(--global--font-size-xs);} .kb-midwidth a:hover{color:#555;} .kb-midwidth .half-time a p{margin:0;} .half-time .edit-link{width: 20px;height: 20px;margin-left: 8px;position: relative;} .post-edit-link {position: absolute;} @media screen and (max-width:1250px){ .kb-midwidth .banner-img{width:100%} .kb-midwidth-title{width:80%;margin:auto;} .kb-midwidth .container{padding-left:0;width:100%;} .kb-midwidth{display:block;} .kb-midwidth #breadcrumbs{padding:0 0 0 13%;} } @media screen and (max-width:820px){ .kb-midwidth .banner-img{min-height:200px;} .kb-midwidth #breadcrumbs{padding:0 0 0 14%;} } @media screen and (max-width:700px){ .kb-midwidth{margin:0;} .kb-midwidth #breadcrumbs{display: none;} .kb-midwidth .container{padding-top: 0;} .kb-midwidth-title {margin: 0 16px;} } @media screen and (max-width:500px) { .kb-midwidth h2{font-size: var(--global--font-size-sm) !important;} } @media screen and (max-width:420px){ .kb-midwidth .banner-img{display:none;} } /* 7.6 Template - Help (Left Sidebar) */ .sticky-sidebar{font-size:var(--global--font-size-sm);display:flex;flex-wrap: wrap;min-height:100vh;} .sticky-sidebar .site-content{flex: 1;transition: transform 0.3s ease-in-out;} .sticky{position:-webkit-sticky;position:sticky;top:20px;} .sticky-sidebar .site-content h2,.sticky-sidebar .site-content h3{margin:116px 0 16px;} .sticky-sidebar .site-content h4,.sticky-sidebar .site-content h5,.sticky-sidebar .site-content h6{margin:86px 0 16px;} .sticky-sidebar .site-content p,.sticky-sidebar .site-content .note{margin:28px 0;} .sticky-sidebar .site-content img{margin:24px 0;} .sticky-sidebar .site-content h2:before{content:"";position:absolute;margin-top:28px;margin-left:-6px;width:80px;border-bottom:16px solid rgba(97,202,135,1);z-index:-1;} .sticky-sidebar .site-content h3:before{content:"";position:absolute;margin-top:24px;margin-left:-6px;width:74px;border-bottom:13px solid rgba(103,164,255,1);z-index:-1;} .sticky-sidebar .site-content h4:before{content:"";position:absolute;margin-left:-26px;width:12px;border-bottom:24px solid rgba(103,164,255,1);z-index:-1;} .help.bg{padding:1em .5em;width:30%;background:#eaefef;border-right:2px solid #d1dde2;} .sidebar-note-container{flex: 0 0 30%;} .sidebar-note-container.fixed{position: fixed;top: 0;transition: transform 0.3s ease-in-out;} .help nav{position:-webkit-sticky;position:sticky;top:20px;height:100vh;} .help nav .searchbar-tilte{color:var(--global--color-dark);} .help nav input#toc-filter{width:100%;border:2px solid #d1dde2;padding:10px;font-size:var(--global--font-size-sm);color:var(--global--color-dark);} .help nav input::placeholder{color:#909ca9; /* Chrome, Firefox, Opera, Safari 10.1+ */} .help nav input:-ms-input-placeholder{color:#909ca9; /* Internet Explorer 10-11 */} .help nav input::-ms-input-placeholder{color:#909ca9; /* Microsoft Edge */} .help nav ul li{list-style:none;margin:0;padding-left:20px;position:relative;} .help nav ul li.cat-title{margin:20px 0;padding-left:0;} .help nav ul li.cat-title:before{content:"";position:absolute;margin-top:15px;margin-left:-6px;width:60px;border-bottom:10px solid rgba(103,164,255,1);z-index:-1;} .help nav ul li.is-hidden{display:none;} .help nav ul li a{position:relative;display:inline-block;margin-bottom:10px;text-decoration:none;color:#31354e;width: 100%;} .help nav ul li ul li{padding:0;} .help nav ul li ul li a{font-size:var(--global--font-size-xs);} .help nav ul li ul li a:before{content:url(../svg/icon-article.svg);position:absolute;top:4px;left:-32px;} .help nav ul li .faq li a:before{content:url(../svg/icon-question.svg);} .help nav ul li a:hover{color:var(--global--color-purple);} .help nav ul li span:before{content:url(../svg/icon-folder.svg);position:absolute;top:0;left:0;transform:scale(1.1);} .help nav .xContent{margin:0;padding:5px 20px 20px;display:none;} .help nav ul#toc-list{margin:1em 0 1em .5em;overflow-y:auto;height:70%;} .help nav ul#toc-list::-webkit-scrollbar{width:6px;} .help nav ul#toc-list::-webkit-scrollbar-track{border-radius:5px;} .help nav ul#toc-list::-webkit-scrollbar-thumb{border-radius:5px;background:#909ca9;} .help article{padding:5em 2em;} .help h1.entry-title{padding-bottom:2em;} .help-contact{padding:1em;display:inherit;border-top:2px solid #d1dde2;border-bottom:2px solid #d1dde2;} .ie .help.bg{background:none;border:none;} .ie .sticky-sidebar article{border-left:2px solid #d1dde2;} .ie .sticky-sidebar article:before{background:#d1dde2;position:absolute;width:30%;height:100%;} .ie .sticky-sidebar nav{height:100%;} @media screen and (max-width:1000px){ .help.bg,.help .help.bg{width:60%;} } @media screen and (max-width:700px){ .single .help.bg{display:none;} .sticky-sidebar{display:block;} .help .help.bg{width:100%;} .help nav{position:relative;height:auto;} } /** * 9.0 - Contact us * ---------------------------------------------------------------------------- */ .contact-banner{position:relative;color:var(--global--color-white);} .contact-banner h2{margin-top:88px;font-size:var(--global--font-size-page-title);text-shadow:0px 0px 50px #000;} .contact-banner p{text-shadow:0px 0px 20px #000;} .contact-banner .col-12{margin-bottom:90px;text-align:center;} .contact-enquiries h2{padding-bottom:40px;} .contact-form{width:80%;} .contact-enquiries .col-6{padding:0;} .contact-enquiries .container{padding-top:100px;} .contact-enquiries h4{color:#444;} .col-6 .other{padding-bottom:90px;padding-top:15px;} .col-6 .other p{width:76%;height:100px;color:#444;} .contact-faq .faq-tittle{text-align:center;} .contact-faq .col-6{margin-top:60px;} .contact-faq h5{width:70%} .contact-faq{background-color:#f6f9fb;} .contact-faq .line{width:100%;background:#e4ebef;margin:40px auto;} .faq-more{font-size:var(--global--font-size-base);} .faq-more a{color:#abd5f4;} .faq-more p{width:80px;margin-right:20px;float:right;} .faq-more img{float:right;margin-top:8px;} .faq-question{width:75%;margin:auto;padding-top:40px;} .contact-adress .col-5{padding-bottom:60px;color:var(--global--color-white);background:#0290e8;} .contact-adress h3{margin-top:46px;} .contact-adress{position:relative;height:549px;} .contact-adress .container{padding-top:0;} .contact-adress a{color:var(--global--color-white);} .contact-adress .email-adress{display:block;margin:24px 0;} .contact-adress img{margin:24px 24px 24px 0;} .contact-send a{color:#222;text-decoration:none;} /* Contact - Form */ .wpcf7 p span.mark{color:#df0054;} form.wpcf7-form{padding-bottom:50px;} input.wpcf7-form-control,.keybox input{max-width:760px;width:100%;padding:10px 20px;font-size:var(--global--font-size-base);border:2px solid #eee;color:#777;} textarea.wpcf7-form-control.wpcf7-textarea{max-width:760px;width:100%;font-size:var(--global--font-size-base);border:2px solid #eee;padding:10px 20px;font-family:var(--global--font-primary);color:#777;} input.wpcf7-form-control.wpcf7-submit,input#submit{-webkit-appearance:none;height:50px;cursor:pointer;color:var(--global--color-white);font-weight:var(--heading--font-weight-strong);background:-moz-linear-gradient(0deg,#00aeff,#3369e7);background:-webkit-linear-gradient(0deg,#00aeff,#3369e7);background:-ms-linear-gradient(0deg,#00aeff,#3369e7);border:none;display:inline-block;font-size:var(--global--font-size-base);-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;} input.wpcf7-form-control.wpcf7-submit:hover,input#submit:hover{background:-moz-linear-gradient(0deg,#00aeff,#3369e7);background:-webkit-linear-gradient(0deg,#00aeff,#3369e7);background:-ms-linear-gradient(0deg,#00aeff,#3369e7);} .contact-form-wrapper{max-width:760px;display: flex;} .contact-name-input{margin-right: 20px;} .input-wrapper { max-width: 760px; position: relative; display: block; /* margin-bottom: 20px; */ } .email-tips-label { position: absolute; top: -90px; left: 0; opacity: 0; transition: all 0.2s ease-in-out; font-size: 12px; line-height: 16px; background: rgba(0,0,0,0.59); border-radius: 4px; padding: 10px 15px 12px 15px; color: white; } .email-tips-label::before{ content: ""; position: absolute; bottom: -16px; left: 10px; border-width: 8px; border-style: solid; border-color: transparent transparent rgba(0,0,0,0.59); transform: rotateX(180deg); } .contact-email-focused {top: -55px; opacity: 1; font-weight: 400;} @media screen and (max-width:855px){ .contact-form-wrapper{display: block;} .contact-name-input{margin: 0 0 20px 0;} .email-tips-label{top: -55px;} } @media screen and (max-width:764px) { .email-tips-label{top: -70px;} } @media screen and (max-width:601px) { .email-tips-label{top: -55px;} } @media screen and (max-width:517px) { .email-tips-label{top: -70px;} } .wpcf7 form .wpcf7-response-output{max-width: 760px;margin: 2em 0 1em;} @media screen and (max-width:1440px){ .contact-sort .row{width:100%;text-align:center;} .contact-sort .box-two{float:none;width:665px;margin:0 auto;} .contact-sort .col-3{margin-bottom:40px;} .contact-sort .col-3.two{width:311.5px;height:464px;margin-right:0;padding:0 0 0 0;text-align:center;border-radius:6px;} } @media screen and (max-width:1000px){ .contact-enquiries .col-6{padding:10px 20px;} .col-6 .other{width:50%;} .contact-form{width:100%;} } @media screen and (max-width:720px){ .contact-sort .row{width:100%;text-align:center;} .contact-sort .box-two{float:none;width:342px;margin:0 auto;text-align:center;} .contact-sort .col-3{margin-bottom:40px;margin-right:0;margin-left:15px;} } @media screen and (max-width:590px){ .col-6 .other{width:100%;} .faq-question{width:100%;} .contact-form-wrapper{display: block;} .contact-name-input{margin: 0 0 20px 0;} } /* Contact - de.drivereasy.com - Attention */ .attention{background:#063c85;overflow:hidden;padding-bottom:10px;} .con{margin:0 auto;width:96%;max-width:1366px;} .attention span{padding-left:50px;padding-right:20px;float:left;} .attention p{padding-top:10px;color:var(--global--color-gray);padding-left:0;} .attention a{font-size:var(--global--font-size-md);color:var(--global--color-white);} /** * 10.0 Resend license key * ---------------------------------------------------------------------------- */ .resendkey input{font-size:var(--global--font-size-base);padding:8px 0;border:2px solid #ccc;display:inline-block;width:100%;} /* Resend key - Start universal-license */ .universal_text{width:880px;margin:0 auto;padding:30px 20px 200px 20px;} /** * 11.0 Blog * ---------------------------------------------------------------------------- */ .blog .entry-thumbnail img{width:100%;max-width:100%;} .blog h1.entry-title{padding-top:30px;} .single-post article{padding:0 12em 3em 5em;} @media screen and (max-width:1000px){ .single-post article{padding:0 1em 3em;} } .wrap{width:96%;margin:0 auto;max-width:1366px;} #crumbs a{color:var(--global--color-white);text-decoration:none;} #crumbs a:hover{color:var(--global--color-purple);} #blog-content{width:96%;margin:0 auto;max-width:1366px;} .nav-links a{padding-bottom:30px;font-size:var(--global--font-size-base);color:var(--global--color-purple);text-decoration:none;display:block;} #title{width:100%;color:var(--global--color-white);background:#31354e;} .title{margin:0 auto;width:96%;} h1.entry-title a{color:#31354e;padding:0;font-size:var(--heading--font-size-h4);line-height: var(--global--line-height-page-title);} h1.entry-title a:hover,.entry-meta a:hover,.nav-links a:hover{color:var(--global--color-blue);-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .blog-article p a{color:var(--global--color-blue);} .blog-article p a:hover{color:var(--global--color-purple);-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .entry-meta{margin:0 0 20px;} .entry-meta a{color:var(--global--color-gray);text-decoration:none;margin: 0;} .entry-meta span svg {margin-right: 8px;} a.more-link{color:var(--global--color-purple);} span.details a{background:#1676ea;color:var(--global--color-white);text-decoration:none;padding:10px 40px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} span.details a:hover{background:#1676ea;} /* 11.1 Entry meta */ div.entry-meta{clear:both;border-bottom:1px dashed #eaeef5;margin:20px 0;padding-bottom:10px;display: flex;align-items: center;} .entry-meta > span{margin-right:20px;display: inline-flex;align-items: center;width: 100%;} .entry-meta > span:last-child{margin-right:0;} .entry-meta .date a:before,.comments-link a:before,.entry-meta .author a:before,.categories-links a:first-child:before,.tags-links .comments-link.single-comments a{position: absolute;width: 100%;height: 100%;left: 0;} div.entry-meta .edit-link a::before{left: -20px;} .single-author .entry-meta .author,.sticky.format-standard .entry-meta .date,.sticky.format-audio .entry-meta .date,.sticky.format-chat .entry-meta .date,.sticky.format-image .entry-meta .date,.sticky.format-gallery .entry-meta .date{display:none;} /* 11.2 Sidebar widget area */ .sidebar-inner{margin:0 0 0 50px;} .sidebar-inner .widget-area .widget{background:var(--global--color-white);margin:30px 0;border:1px solid #eaeef5;} .sidebar-inner ul li{list-style:none;margin:0;padding:15px;border-bottom:1px dashed #eee;} .sidebar-inner ul li:before{content:"\203A";display:inline-block;width:10px;float:left;} .sidebar-inner ul li a{text-decoration:none;color:#31354e;display:block;} .sidebar-inner ul li ul{padding-left:20px;} .sidebar-inner ul li ul li{border:none;} .sidebar-inner .widget-area .widget h3{background:rgba(0,0,0,0.025);padding:20px;} .sidebar-inner .widget-area{margin:10px;} ul.pakb-list li:before{content:"";} .sidebar-container h3{font-size:var(--global--font-size-md);padding-top:0;} /* 11.2 Comments */ .comment-body{padding:40px 20px;border-top:1px dotted #ccc;} .comment-content{margin-bottom:20px;} .comment-author{float:left;position:absolute;} .fn{vertical-align:top;margin-bottom:20px;} .comment-author .url,.comment-reply-login{color:var(--global--color-purple);font-weight:var(--heading--font-weight);} a.comment-reply-link{border:1px solid #1676ea;padding:5px 20px;text-decoration:none;border-radius:20px;} a.comment-reply-link:hover{background:#1676ea;color:var(--global--color-white);text-decoration:none;} .says{display:none;} h3#reply-title{padding-top:0;padding-left:0;} .comment-meta,.comment-meta a{color:var(--global--color-gray);text-decoration:none;padding-right:20px;} .comment-metadata time{cursor:text;} .comment-metadata{margin-bottom:20px;padding-top:30px;} .ping-meta{color:#a2a2a2;} .comment-awaiting-moderation{color:#a2a2a2;} .depth-2{margin-left:50px;background:#eee;} .comment-list li{list-style:none;clear:both;} /* 9.2.1 Comment form */ #comments{margin:50px 0;} .comment-respond{border-top:1px dotted #ccc;} .comment .comment-respond{margin-bottom:20px;padding:20px;} .comment-reply-title small a:hover{color:#ed331c;text-decoration:none;} .comment-form .required{color:#ed331c;} p.comment-form-author,p.comment-form-email,p.comment-form-url{padding:5px 0;} p.comment-form-url label{padding-right:10px;} p.comment-form-email label{padding-right:16px;} p.comment-form-author label{padding-right:14px;} .comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{width:100%;height:30px;font-size:var(--global--font-size-base);border:1px solid #ccc;} p.logged-in-as{color:var(--global--color-gray);} p.logged-in-as a{color:var(--global--color-blue);} p.comment-form-comment label{color:#31354e;font-size:var(--global--font-size-base);} .comment-form textarea{width:100%;border:1px solid #ccc;} textarea#comment{font-size:var(--global--font-size-base);max-width:100%;} input#submit{padding:0 60px;margin-top:10px;} .form-allowed-tags code{margin-left:3px;} .comment-list .pingback,.comment-list .trackback{padding-top:24px;} .comment-navigation{font-size:var(--global--font-size-sm);font-style:italic;font-weight:var(--heading--font-weight);margin:0 auto;max-width:600px;padding:20px 0 30px;width:100%;} .no-comments{background-color:var(--global--color-white);font-size:var(--global--font-size-sm);font-style:italic;font-weight:var(--heading--font-weight);margin:0;padding:40px 20px;text-align:center;} .form-allowed-tags{display:none;} .comment-form-comment{padding-top:10px;width:100%;} /** * 12.0 404 page * ---------------------------------------------------------------------------- */ .nothing{margin:160px auto 200px;width:50%;} .nothing img{padding-bottom:60px;} @media screen and (max-width:600px){ .nothing{width:90%;margin:40px auto;} } /* 12.1 Search Results/No posts */ .page-header{background-color:#063c85;padding:20px;} .page-title{font:30px "Open Sans",Arial,sans-serif;margin:0 auto;max-width:920px;padding:30px 0;width:100%;} /** * 13.0 Why choose us * ---------------------------------------------------------------------------- */ .wcu-banner{width:100%;background:#ca4141;color:var(--global--color-white);} .wcu-banner ul li.package{width:40%;padding-left:30px;} .content-getright .row{padding:40px;} .content-getright ul li img{margin:0 auto;display:block;} .content-faster{background:#f8faff;padding-bottom:40px;} .content-server{background:#fff0d3;width:100%;} .content-server img{padding-top:40px;} @media screen and (max-width:600px){ body .wcu-banner ul li.package{display:none;} } /** * 14.0 Latest version * ---------------------------------------------------------------------------- */ .delete-price{text-decoration:line-through;} .or{color:var(--global--color-purple);font-size:var(--global--font-size-xl);position:absolute;margin-left:-100px;font-family:var(--global--font-primary);} .inside-box{width:90%;height:220px;margin:20px 0 30px;overflow:scroll;overflow-x:hidden;} .inside-box p{padding-right:20px;} .autoupgrade{margin:0 auto;width:50%;text-align:center;padding-bottom:20px;} .aub{font-size:var(--global--font-size-lg);} .content-reasons{background:#f5f8fb;} .content-reasons .row .col-4{margin:30px 0;padding:20px 40px;} .content-verplan h1,.content-verplan h2{text-align:left;font-size:var(--global--font-size-xl);color:#31354e;} .content-verplan .line{margin:20px 0;} .content-verplan .row .col-7{padding:0 80px;} .content-verplan .row .col-5{padding-top:0;} .content-verplan .Note{margin:20px 0;padding:0 20px;} .content-verplan .verpro .details{font-size:var(--global--font-size-sm);} .content-verplan .verpro .col-7,.content-verplan .verpro .col-5,.content-verplan .verpro .col-12{padding:0;} .content-verplan .verpro strong{color:var(--global--color-purple);} @media screen and (max-width:1000px){ body .or{position:relative;width:100%;margin:20px auto;text-align:center;border-bottom:1px solid #eee;} } /** * 16.0 - Edit post content * ---------------------------------------------------------------------------- */ hr{border:1px dashed #ddd;margin:24px 0;} /* Edit - Table */ .wp-block-table table{border-collapse:collapse;border-spacing:0;margin:2em 0;} .wp-block-table tr:nth-child(even){background:#eaefef;} .wp-block-table tr th,.wp-block-table tr td{border:2px solid #d1dde2;} .wp-block-table tr td{padding:.5em;} /* Edit - List style */ .single article ol,.single article ul{margin:24px 0;padding:0 0 0 40px;} .container.single-kb.template article ol,.container.single-kb.template article ul{margin:40px 0;} .container.single-kb.template article .sidebar-kbhome ol,.container.single-kb.template article .sidebar-kbhome ul{margin:0;padding:0;} ol{list-style:decimal outside;} ul{list-style:disc outside;} li > ul,li > ol{margin:0;} dl{margin:0 20px;} dt{font-weight:var(--heading--font-weight-strong);} dd{margin:0 0 20px;} li{margin-bottom:16px;} .col-6.language-switch{margin:0 20px 24px 20px;font-size:var(--global--font-size-base);border-bottom:2px solid #eee;clear:both;position:relative;} /* Edit - List with right parenthesis */ ol.brackets > li{position:relative;} ol.brackets > li:before{content:"\0029 ";position:absolute;left:-9px;background:var(--global--color-white);} .container.single-kb.template .pakb-single ol{counter-reset:li;} .container.single-kb.template ol.brackets > li{position:relative;list-style:none;z-index:998;font-size: var(--global--font-size-sm);} .container.single-kb.template ol.brackets > li:before{content:counter(li,decimal-leading-zero);counter-increment:li;position:absolute;margin-left:-34px;width:26px;height:26px;font-size:var(--global--font-size-md);font-weight:var(--heading--font-weight-strong);border-bottom:6px solid rgba(97,202,135,1);z-index:-1;top: -4px;} blockquote{margin:2em 0;padding:0 20px;border-left:5px solid #d0d3d6;font-size:var(--global--font-size-base);} pre{background:#4c5667;color:var(--global--color-white);border-left:6px solid #d0d8e0;font-size:var(--global--font-size-xs);margin:16px 0;padding:16px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;} sup,sub{font-style:italic;color:var(--global--color-gray);font-size:var(--global--font-size-xs);} @media screen and (max-width:500px){ .container.single-kb.template ol.brackets > li {width: 100%;} .container.single-kb.template .pakb-single ol{display: inline-flex;flex-wrap: wrap;width: 100%;padding: 0;} .container.single-kb.template .pakb-single ol li strong {width: 100%;} } /* Edit - Add image annotation */ .wp-caption{font-size:var(--global--font-size-xs);font-style:italic;word-break:break-word;color:#666;padding:0.5em 0.5em 1em;margin:0 1em;text-align:center;background:#f8faff;border:1px solid #d4dbea;display:table-cell;} /* Edit - Add text/picture layout */ img.centered{display:block;margin-left:auto;margin-right:auto;} img.alignright{padding:1em;margin:1em 2em;display:inline;} img.alignleft{padding:1em;margin:1em 2em;display:inline;} .alignright{float:right;} .alignleft{float:left;} /** * 17.0 - Author Bio * ---------------------------------------------------------------------------- */ body.archive.author.sidebar{background:var(--global--color-white);} .site-author.fleft{width:70%} .author.white-bg{width:85%;margin-left:10px;padding:2.5em 2.5em 3.5em 2.5em;margin:2em 0;border:none;box-shadow:0px 0px 20px rgba(0,0,0,.1)} .author-info h2{margin-top:16px;} .single .author-info{padding:40px 0 0;} .author-social img{padding:10px 5px;} .author.archive .author-link{display:none;} .author-avatar img{margin-top:26px;overflow:hidden;width:50%;height:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;} .author-avatar.col-3{text-align:center;} .author-social a{color:var(--global--color-gray);text-decoration:underline;font-weight:var(--heading--font-weight-strong);} .authorlist-img{background-position:center;background-size:cover;height:190px;margin-bottom:16px;} .author .entry-content{font-size:var(--global--font-size-sm);margin:14px 0;word-wrap:break-word;} .authorlist-bottom{margin:20px 0;} .list-time{color:var(--global--color-gray);float:right;margin-top:6px;display: inline-flex;align-items: center;} .author-latest{margin-left:10px;} .author-web{margin-left:20px;} .author-cover{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));height:190px} .kb-popular li{list-style-type:none;font-size:var(--global--font-size-md);} li.sidebar-number{list-style-type:decimal-leading-zero;float:left;color:#ccc;font-size:var(--global--font-size-lg);} ol.sidebar-listnumbaer{list-style-type:decimal-leading-zero;} ul.post-categories{margin-bottom:-16px;} ul.post-categories li{list-style-type:none;margin-bottom:16px;} ul.post-categories li a{font-size:var(--global--font-size-xs);color:#75acff;font-weight:var(--heading--font-weight-strong);text-transform:uppercase;} ul.sidebar-name a{font-size:var(--global--font-size-sm);font-weight:var(--heading--font-weight-strong);color:#31354e;margin-top:-20px;} ul.sidebar-name{margin-bottom:40px;font-size:var(--global--font-size-xl);color:#ccc;margin-top:20px;} ul.sidebar-name p{padding-top:14px;} .kb-popular ol{width:75%;margin-left:50px!important;margin-top:30px!important;} .kb-popular .popular-time a{color:var(--global--color-gray);font-weight:var(--heading--font-weight);font-size:var(--global--font-size-xs);} .popular-time{width:90%;display:inline-block;margin-bottom:30px;} .popular-time time{position:relative;color:var(--global--color-gray);font-weight:var(--heading--font-weight);float:right;font-size:var(--global--font-size-xs);} .kbhome-title{border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:16px;margin:50px 0;width:100%;} .kbhome-title span{border-bottom:1px solid rgba(0,0,0);font-size:var(--global--font-size-base);font-weight:var(--heading--font-weight-strong);padding-bottom:16px;} @media screen and (max-width:1000px){ .sidebar-kbpop{display:none;} .sidebar-kbhome{display:none;} .author-avatar.col-3{width:30%;} .author-description.col-6{width:65%;} .author.white-bg{width:96%;} .site-author.fleft{width:100%} } @media screen and (max-width:700px){ .author-avatar.col-3{width:80%;margin:auto;float:none;} .author-avatar img{width:25%;height:25%;} .author-description.col-6{width:90%;margin:auto;float:none;} } /** * 18.0 - About us * ---------------------------------------------------------------------------- */ .about-banner{position:relative;color:var(--global--color-white);} .about-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:bottom;background:linear-gradient(-110deg,transparent 45%,#0d5f91 0);z-index:-1;} .about-banner [class*="col-"]{padding:0;} .about-banner .row.easier{margin-left:58px;padding-top:58px;} .about-banner h2{font-size:var(--global--font-size-page-title);} .about-banner h3{padding-bottom:20px;margin-left:4px;} .about-banner .line{margin:30px 0 0 0;background:#FFFFFF;clear:both;} .about-banner p{width:80%;} .about-banner .windows{margin-top:60px} .about-easy p{width:75%;} h2.about-title{padding-top:40px;text-align:center;} .about-easy{position:relative;} .about-easy .line{margin:30px 0 50px 0;} .about-easy .col-6{padding:0;} .about-easy .col-6 img{margin:auto;} .about-easy .row .col-6{float:right;margin-right:-100px;padding-top:30px;} .about-easy .container{margin-bottom:0;padding:0 0 0 0} .about-founder{position:relative;} .about-founder .quotation{float:left;width:10%;} .about-founder .rice-cooker{float:left;width:40%;} .about-founfer .row{z-index:1;} .about-founder .line{clear:both;margin:30px 0 0 0;} .about-founder .rice-cooker p{font-family:var(--global--font-handwritten);} .about-founder .kevin{margin:60px 0 60px 0;} .about-founder .col-6{padding-top:60px;} .about-team{position:relative;} .about-team .container{padding-bottom:60px;background:var(--global--color-white);opacity:.8;} .about-team .line{margin-bottom:0} .about-team .team-txt{width:65%;margin:auto;} .about-processes .col-5{padding-bottom:80px;color:var(--global--color-white);background:#0290e8;} .about-processes .line{margin-left:60px;margin-top:30px;background:var(--global--color-white);} .about-processes .container{padding-top:0px;} .about-processes h2{margin-left:60px;margin-top:40px;} .about-processes .processes-txt{width:78%;margin-left:60px;} .about-processes .col-7 p{width:55%;margin:auto;margin-top:30px;} .about-processes .ps-img{margin-top:60px;text-align:center;} .about-question{background-color:#f6f9fb;} .about-question p{width:75%;margin:auto;} .about-easy h2{margin:40px auto;} @media screen and (max-width:1700px){ .about-easy .ea-img{margin-left:-100px;width:60%} } @media screen and (max-width:1600px){ .about-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:bottom;background:linear-gradient(-110deg,transparent 40%,#0d5f91 0);z-index:-1;} .about-easy .row .col-6{padding-top:0px;} } @media screen and (max-width:1300px){ .about-founder .rice-cooker{width:60%;} .about-founder .rice-cooker{width:40%;} .about-easy .ea-img{margin-left:-200px;width:70%;} } @media screen and (max-width:1170px){ .about-easy .ea-img{margin-left:-240px;width:75%;} } @media screen and (max-width:1060px){ .about-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:bottom;background:#0d5f91;opacity:.80;z-index:-1;} .about-founder .kevin{width:80%;} .about-founder .rice-cooker{width:80%;} .about-easy .ea-img{margin-left:0;width:100%;height:678px;background-position:center;} .about-easy p{margin:auto;padding-bottom:60px;} .about-easy .line{margin:30px auto;} .about-easy .row .col-6{width:100%;margin-top:700px;margin-right:0;text-align:center;} .about-processes .col-7 p{width:78%} .about-processes .processes-txt{margin:auto;} .about-processes h2{margin-top:40px;margin-left:auto;text-align:center;} .about-processes .line{margin-left:auto;margin-top:30px;background:var(--global--color-white);} .ea-img img{margin-left:0;margin:auto;max-width:100%;} .about-founder .col-6{text-align:center;width:100%;} .about-founder .kevin{margin:auto;} .about-founder .line{margin:30px auto;} } /** * 20.0 - Tour * ---------------------------------------------------------------------------- */ .tour h2{font-size:var(--global--font-size-page-title);padding:2em 0 1em;} .tour h2:before{content:"";position:absolute;margin-top:40px;margin-left:-6px;width:74px;border-bottom:16px solid #4f52ef;z-index:-1;} .tour.video h2{padding:1em 0 .5em;} .tour.video{color:var(--global--color-white);} .tour.video{position:relative;} .tour.video .btn-banner{margin:4em 0 2em;} .tour.video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:bottom;background:linear-gradient(-90deg,transparent 60%,#173b7c 0);opacity:.8;z-index:1;} .tour.video figure{position:relative;z-index:-1;} .tour.video figure img{position:absolute;width:100%;max-height:535px;} .tour.video{position:relative;z-index:0;} .tour.video .container{padding: 0;} .tour.video .col-5{position:relative;z-index:2;width: 100%;max-width: 1366px;padding: 50px 0;} .tour.video .col-7{position:absolute;z-index:0;width: 100%;left: 0;padding: 0;} .tour.howwork .col-6{margin:2em 0;} .tour.howwork .col-6.fright{padding-top:120px;} .tour.howwork .col-6 img{width:100%;} @media screen and (max-width:1000px){ .tour.video:after{background:linear-gradient(-90deg,transparent 0,#173b7c 0);} .tour.howwork .col-6.fright{padding-top:0;} .tour.features .col-2{width:120px;} .tour.features .col-9{width:70%;} } @media screen and (max-width:500px){ .tour.features .col-9{width:100%;} } /** * 21.0 - Knowledge Base * ---------------------------------------------------------------------------- */ .post-type-archive-knowledgebase .site-content.fleft{width:100%;} .pakb-content h2,.pakb-content h3,.pakb-content h4,.pakb-content h5,.pakb-content h6{margin:44px 0 16px;} .container.single-kb.template .pakb-content h2,.container.single-kb.template .pakb-content h3{margin:116px 0 16px;position:relative;z-index:1000;} .container.single-kb.template .pakb-content h4,.container.single-kb.template .pakb-content h5,.container.single-kb.template .pakb-content h6{margin:86px 0 16px;position:relative;z-index:1000;} .pakb-content ol li p{margin:0;} .pakb-content > p > img,> p > img{margin:0;} .pakb-single a,.pakb-single a:hover,.pakb-single a:focus{font-size:unset;} .pakb-list li > i{position:absolute;top:auto;left:auto;} /* KB - Meta */ .pakb-meta span.categories-links a:before,.pakb-meta span.tags-links a:before,.pakb-meta span.comments-link a:before{margin-left:5px;} /* KB - Like */ .votes{text-align:center;display:block;} .votes .pakb-like-btn i{font-size:var(--global--font-size-xxl);} .votes .count{font-size:var(--global--font-size-xl);} .votes .count-detail{margin-bottom:50px;} .votes .pakb-like-btn,.votes .pakb-dislike-btn{border:0;margin: 0;} .votes .pakb-like-btn i{color:#60c985;} .votes .pakb-like-btn i+span{color:#60c985;margin-left: 16px;} .votes a.pakb-dislike-btn,.votes a.pakb-dislike-btn:focus,.votes a.pakb-dislike-btn:hover,.votes a.pakb-like-btn,.votes a.pakb-like-btn:focus,.votes a.pakb-like-btn:hover{text-decoration:none} .si-thumbs-up2:before{content:url(../svg/like.svg);} /* KB - Share social button */ .sharebutton p{margin:0 0 10px;} .sharebutton a{display:inline-block;} .social-sharing {display: inline-flex;align-items: center;position: relative;} .post-meta-share-inner .share-bar-el {width: 28px;height: 28px;} .post-meta-share-inner .share-bar-el .share img {position: absolute;left: 0;width: 100%;} .post-meta-share-inner:before{content:url(../svg/share.svg);} .social-facebook:hover,.social-reddit:hover,.social-twitter:hover,.social-googleplus:hover,.social-linkedin:hover,.social-digg:hover{opacity:.8;} @media screen and (max-width:1170px){ .pakb-single .col-5,.pakb-single .col-7{width:100%;} } /* Ryan 2018/11/29 */ .kb-affiliate{background:#f8faff;color:#afbaca;font-size:var(--global--font-size-xs);text-align:center;z-index:100;padding:12px 0;} .kb-affiliate p{margin:auto;} /* KB - Single post */ #disqus_thread{width:85%;} @media screen and (max-width:1000px){ .single-knowledgebase #disqus_thread{width:100%;} } .sidebar-kbhome .author-popular{padding-bottom:10px;} .sidebar-kbhome{float:right;text-align:left;position:relative;width:25%;margin-left:50px;padding-top:20px;} .container.single-kb.default .share-bar{display:none;} .container.single-kb.default .kb-relatedr{display:none;} .container.single-kb.default span.comments-link{font-weight:var(--heading--font-weight);} .post-type-archive-knowledgebase .container.single-kb{overflow-x:hidden;} .container.single-kb{overflow-x:visible;display:flex;padding-top:0;} .pakb-single.white-bg{margin:0;box-shadow:none;border:none;} .kb-improve{padding:2em 0;margin:0 5em;margin-bottom:2em;border-top:solid 1px #eee;border-bottom:solid 1px #eee;} .kb-category .post-meta-info-share{display:block;text-align:left;margin-top: 20px;} .post-meta-share-inner{position:relative;display:block;cursor:pointer} .post-meta-share-inner:before{display:block;float:left;width:32px;height:32px;border-bottom:1px solid rgba(28,28,28,.07);color:#555;text-align:center;font-size:var(--global--font-size-xs);font-family:FontAwesome;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .post-meta-share-inner:hover:before{opacity:.4} .post-meta-info-share .share-bar-el{position:relative;display:block;visibility:hidden;padding-right:2px;padding-left:2px;text-align:center;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;-webkit-transition-delay:0s;transition-delay:0s;backface-visibility:hidden;-webkit-backface-visibility:hidden} .share-bar-el i{display:block;width:32px;height:32px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:var(--global--color-white);text-align:center;font-size:var(--global--font-size-xs);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;backface-visibility:hidden;-webkit-backface-visibility:hidden} .post-meta-info-share a.share-bar-el:hover i,.share-bar-icon:hover i{background-color:#282828} .post-meta-share-inner:hover .social-sharing .share-bar-el{visibility:visible;opacity:1} .post-meta-share-inner .social-sharing a:nth-child(1){-webkit-transform:translate3d(32px,0,0);-moz-transform:translate3d(32px,0,0);-ms-transform:translate3d(32px,0,0);-o-transform:translate3d(32px,0,0);transform:translate3d(32px,0,0)} .post-meta-share-inner .social-sharing a:nth-child(2){-webkit-transform:translate3d(64px,4px,0);-moz-transform:translate3d(64px,4px,0);-ms-transform:translate3d(64px,4px,0);-o-transform:translate3d(64px,4px,0);transform:translate3d(64px,4px,0)} .post-meta-share-inner .social-sharing a:nth-child(3){-webkit-transform:translate3d(102px,2px,0);-moz-transform:translate3d(102px,2px,0);-ms-transform:translate3d(102px,2px,0);-o-transform:translate3d(102px,2px,0);transform:translate3d(102px,2px,0)} .post-meta-share-inner:hover .social-sharing a:nth-child(1) i{-webkit-animation:socialshare .4s backwards;animation:socialshare .4s backwards} .post-meta-share-inner:hover .social-sharing a:nth-child(2) i{-webkit-animation:socialshare .4s .05s backwards;animation:socialshare .4s .05s backwards} .post-meta-share-inner:hover .social-sharing a:nth-child(3) i{-webkit-animation:socialshare .4s .1s backwards;animation:socialshare .4s .1s backwards} @-webkit-keyframes socialshare{ 0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0} 66%{-webkit-transform:scale(1.12);transform:scale(1.12)} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:1} } @keyframes socialshare{ 0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0} 66%{-webkit-transform:scale(1.12);transform:scale(1.12)} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:1} } .comments-link.single-comments span.leave-reply{display:none;} .comments-link.single-comments span.dsq-postid{position: absolute;top: 32px;right: 0;left: 0;margin: auto;color: var(--global--color-dark);font-size: var(--global--font-size-xs);} .single-related .related-time{margin-top:0;} .single-related.col-6{width:46%;margin:10px;border-bottom:2px solid #eee;padding-top:0;position:relative;} .sidebar-inner .widget{position:relative;display:block;margin-bottom:45px} .widget-sidetitle{position:relative;display:block;overflow:hidden;margin-bottom:25px;border-bottom:1px solid rgba(28,28,28,.07);color:#444;font-weight:var(--heading--font-weight-strong);font-size:var(--global--font-size-xs);} .block-title{position:relative;display:inline-block;} #flexible-nav-ul>li::before{position:absolute;top:1em;left:2em;display:block;content:attr(date-is);font-weight:var(--heading--font-weight-strong);} .widget a{outline:0;color:#31354e;text-decoration:none;} .widget a:hover{outline:0;color:var(--global--color-purple);text-decoration:none;} #flexible-nav-ul li ol{margin-left:5px;list-style:none} #flexible-nav-ul>li::after{position:absolute;top:1em;left:-7px;width:10px;height:10px;border-radius:50%;background:#ddd;content:''} #flexible-nav-ul>li{position:relative;border-left:2px solid #ddd} #flexible-nav-ul li{margin-bottom:0;padding:10px;list-style:none;font-size:var(--global--font-size-xs);} #flexible-nav-ul li:hover::after,#flexible-nav-ul li:hover::before{background:#1676ea} .sidebarfloat{position:fixed;top:0;bottom:auto} .toc_container{display:none} .pushy-content ul{padding-left:40px} span.comments-link{font-weight:var(--heading--font-weight-strong);} .new-calss-warpper{display:inline-flex;flex-wrap:wrap;width:100%;} .comments-link span{display: none;} .comments-link .dsq-postid{display: block;} @media screen and (max-width:1300px){ #sidebarfloat{width:auto!important} } @media screen and (max-width:1000px){ .sidebar-note-container, .sidebar-container{display:none} } @media screen and (max-width:575px){ button.nav-download{margin-left:20px;width:85%;font-size:var(--global--font-size-xs);} .nav2{display:none;} .nav-btn .col-5{width:50%} .col-7.nav-search #search-box{width:95%!important} } @media screen and (max-width:420px){ button.nav-download span{width:140px;font-size:16px} } /*! Pushy - v1.1.0 - 2017-1-30 * Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. * https://github.com/christophery/pushy/ * by Christopher Yee */ .pushy{position:fixed;top:0;z-index:9999;overflow:auto;width:300px;height:100%;background:#191918;-webkit-overflow-scrolling:touch} .pushy a{display:block;color:#b3b3b1;text-decoration:none} .pushy a:hover{color:#FFF} .pushy ul:first-child{margin-top:10px} .pushy.pushy-left{left:0} .pushy.pushy-right{right:0} .pushy-content{visibility:hidden} .pushy-left{-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0);-ms-transform:translate3d(-300px,0,0)} .pushy-open-left #container,.pushy-open-left .push{-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0);-ms-transform:translate3d(300px,0,0)} .pushy-right{-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0);-ms-transform:translate3d(300px,0,0)} .pushy-open-right #container,.pushy-open-right .push{-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0);-ms-transform:translate3d(-300px,0,0)} .pushy-open-left .pushy,.pushy-open-right .pushy{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .pushy-open-left .pushy-content,.pushy-open-right .pushy-content{visibility:visible;font-size:var(--global--font-size-md);margin-top:80px;} .pushy-open-left .pushy-content a,.pushy-open-right .pushy-content a{color:var(--global--color-white);} #container,.push,.pushy{transition:transform .2s cubic-bezier(.16,.68,.43,.99)} .pushy-content{transition:visibility .2s cubic-bezier(.16,.68,.43,.99)} .site-overlay{display:none} .pushy-open-left .site-overlay,.pushy-open-right .site-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:block;background-color:rgba(0,0,0,.7);-webkit-animation:fade .5s;animation:fade .5s} @keyframes fade{ 0%{opacity:0} 100%{opacity:1} } @-webkit-keyframes fade{ 0%{opacity:0} 100%{opacity:1} } .pushy-submenu ul{padding-left:15px;transition:max-height .2s ease-in-out,visibility .2s ease-in-out} .pushy-submenu ul .pushy-link{transition:opacity .2s ease-in-out} .pushy-submenu button{padding:15px 30px;width:100%;border:0;background:0 0;color:#b3b3b1;text-align:left} .pushy-submenu button:hover{color:#FFF} .pushy-submenu>a,.pushy-submenu>button{position:relative} .pushy-submenu>a::after,.pushy-submenu>button::after{position:absolute;top:50%;right:15px;display:block;width:8px;height:11px;background:url(../arrow.html) no-repeat;content:'';transition:transform .2s;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)} .pushy-submenu-closed ul{visibility:hidden;overflow:hidden;max-height:0} .pushy-submenu-closed .pushy-link{opacity:0} .pushy-submenu-open ul{visibility:visible;max-height:1000px} .pushy-submenu-open .pushy-link{opacity:1} .pushy-submenu-open a::after,.pushy-submenu-open button::after{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg)} .pushy-content ul li{list-style-type:none} .pushy-content p{padding:20px 0 0 40px;color:var(--global--color-white);font-size:var(--global--font-size-lg);font-weight:var(--heading--font-weight-strong);} button.menu-btn{margin:auto;border:0;background:rgba(0,0,0,0);font-size:var(--global--font-size-base)} button.menu-btn:hover{border:0;background:rgba(0,0,0,0)} .relatedlist-img{margin-bottom:16px;height:240px;background-position:center;background-size:cover} .relatedlist-cover{height:240px;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3))} ul.related-name{padding:0!important;margin:40px 0 80px 0!important} .related-title{margin:86px 0 20px;} .related-title:before{content:"";position:absolute;margin-top:24px;margin-left:-6px;width:74px;border-bottom:13px solid rgba(103,164,255,1);z-index:-1;} .related-name p{color:#31354e;font-weight:var(--heading--font-weight-strong);font-size:var(--global--font-size-md)} .related-name a{color:#31354e} .related-time{display:inline-block;margin-top:20px;margin-bottom:46px;width:90%;position:absolute;bottom:-10px;} .related-time time{position:relative;float:right;color:var(--global--color-gray);} .related-time a{color:var(--global--color-gray)} .share-bar{position:-webkit-sticky;position:sticky;top:260px;float:left;margin-top:3em;margin-left:-90px;width:50px;display:flex;flex-wrap:wrap;} .share-bar .share svg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;} .share-bar .comments-link svg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;} .single-knowledgebase .sidebar-container.fright{position:-webkit-sticky;position:sticky;float:left;top:0;margin-top:30px;} .ie9 .single-related.col-6{width:47%;height:18em;} .ie8 .single-related.col-6{width:47%;height:18em;} @media screen and (max-width:1100px){ .single-related.col-6{width:46%} } @media screen and (max-width:720px){ .single-related.col-6{width:97%} } @media screen and (max-width:700px){ .share-bar{display:none;} } /** * 22.0 - Buy (Upgrade) * ---------------------------------------------------------------------------- */ .wcu-title.center{width:100%;} .wcu-title h2{padding:20px 0;} /* Banner */ .buy-banner{color:var(--global--color-white);position:relative;z-index:0;} .buy-banner .col-4{position:relative;z-index:2;width: 100%;max-width: 1366px;padding: 50px 0;} .buy-banner .col-8{position:absolute;z-index:0;width: 50%;right: 0;padding: 0;top: 0;height: 100%;} .buy-banner .col-8 .wp-block-image{height: 100%;} .buy-banner .col-8 .wp-block-image img{height: 100%;vertical-align: middle;object-fit: cover;text-align: right;margin-left: 300px;} .buy-banner.upside:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:bottom;background:linear-gradient(-120deg,transparent 30%,#31354e 0);z-index:1;} .buy-banner h1{padding-left:20px;} .buy-banner .row.features{width:75%;} .buy-banner .row.secured{margin-top:8em;} .buy-banner .row.features p{font-size:var(--global--font-size-sm);} .buy-banner .col-5.moneyback img{float:left;} .buy-banner .col-5.moneyback p{display:table-cell;padding-left:1em;} .buy-banner .col-5.moneyback p strong{font-size:var(--global--font-size-sm);margin-bottom:.5em;display:inline-block;} .buy-banner .row .col-7.seal{padding-left:3em;} .buy-banner .wcu-de{width:88%;font-size:var(--global--font-size-xxl);} @media screen and (max-width:2260px){ .buy-banner .col-8{width: 60%;} } @media screen and (max-width:1680px){ .buy-banner .col-8{width: 80%;} } @media screen and (max-width:1300px){ .buy-banner .col-8{width: 100%;} } @media screen and (max-width:800px){ .buy-banner .col-8{display: none;} } /* License & prices area */ .buy-banner .btn{background:#ff3000;border-radius:2px;text-align:center;display:inline-block;margin:2em 0 0;} .buy-banner .btn:hover{background:#df2a00;color:var(--global--color-white);text-decoration:none;display:inline-block;} .buy-banner .btn a{padding:1.5em;color:var(--global--color-white);text-decoration:none;display:inline-block;} .buy-banner .btn.small a{padding:24px 30px;} .buy-banner .btn a span.buy_now{font-size:var(--global--font-size-lg);font-family:var(--global--font-primary);font-weight:var(--heading--font-weight-strong);} .buy-banner .btn a label{font-size:var(--global--font-size-sm);cursor:pointer;} .buy-banner .btn a span.price,.buy-banner .btn a span.price_f{font-size:var(--global--font-size-sm);} .buy-banner .btn.small a span.buy_now{font-size:var(--global--font-size-md);} .buy-banner .plans{position:absolute;margin-top:1em;z-index:1;} .buy-banner .plans ul li{width:340px;display:inline-block;} .buy-banner .plans ul li span{color:var(--global--color-white);width:200px;border-bottom:1px solid var(--global--color-white);cursor:pointer;text-align:center;display:inline-block;} .buy-banner .plans ul li span:after{content:"\25bc";position:absolute;right:60px;} .buy-banner .plans ul li ul{margin:10px 0;width:410px;padding:0 0 10px;background:var(--global--color-white);border-radius:6px;box-shadow:0 0 30px rgba(43,70,104,0.1);-webkit-box-shadow:0 0 30px rgba(43,70,104,0.1);-moz-box-shadow:0 0 30px rgba(43,70,104,0.1);z-index:1;} .buy-banner .plans strong{float:left;margin-right:10px;} .buy-banner .plans ul li ul li{margin:0;padding:.625em 2em;color:#31354e;cursor:pointer;width:410px;display:inline-block;} .buy-banner .plans ul li ul li:hover{background:#f4f7f7;} .buy-banner .plans ul li.split{color:var(--global--color-dark);pointer-events:none;cursor:text;} .buy-banner .plans ul li.split:nth-child(1),.buy-banner .plans ul li.split:nth-child(7){border-bottom:1px dashed #c0d0d8;} .buy-banner .plans ul li.split:nth-child(7){border-top:1px dashed #c0d0d8;margin-top:10px;} .buy-banner .plans .delete-price{color:#ff3000;cursor:pointer;} li.split p{font-size:var(--global--font-size-xs);color:var(--global--color-dark);margin:2px 0 0 0;float:right;padding:0;} .plans .split label {color:#909ca9;} .additional-vat-amount{font-size:var(--global--font-size-xs);color:#909ca9!important;padding-left:5px;cursor:pointer;} .btn .additional-vat-amount-2{opacity:.8;font-size:var(--global--font-size-xs);} /* Buy below */ .buy-banner.below{background:#31354e;width:100%;} .buy-banner.below h2{text-align:left;padding:40px 20px;} .buy-banner.below .moneyback img{float:left;display:table;} .buy-banner.below .moneyback p{display:table-cell;font-size:var(--global--font-size-xs);padding:1.5em 8em 2em 1em;} /* IE 8 & IE 9 */ .ie8-attention{display:none;} .ie8 .ie8-attention{display:block;color:#ff3000;text-align:center;width:100%;margin:0 auto;padding:1em;} .ie8{min-width:1000px;} .ie .buy-banner.upside{min-height:800px;} .ie .buy-banner.upside:after{width:60%;position:absolute;top:0;bottom:0;border-bottom:900px solid #31354e;border-right:500px solid transparent;} .ie .buy-banner .plans ul li ul li:nth-child(1):hover,.ie .buy-banner .plans ul li ul li:nth-child(7):hover{background:none;} @media screen and (max-width:1400px){ .buy-banner .bg{width:50%;} } @media screen and (max-width:1300px){ .buy-banner.upside:after{background:linear-gradient(-120deg,transparent 25%,#31354e 0);} } @media screen and (max-width:1100px){ .buy-banner .bg{width:60%;} .buy-banner .row.features{width:79%;} } @media screen and (max-width:1000px){ .page-template-buy-upgrade .logo,.page-template-latest-version .logo{display:none;} .buy-banner.upside:after{background:#31354e;} .buy-banner .row.features,.buy-banner .bg{width:100%;} .buy-banner .moneyback{margin-bottom:20px;} .buy-banner.below .moneyback p{padding:1.5em;} .buy-banner .row .col-7.seal{padding:1em;} .buy-banner .wcu-de{width:100%;} } /* Buy - Compare */ .wcu-compare{position:relative;text-align:center;} .wcu-compare .bg{background:#f3f6f6;width:100%;height:300px;position:absolute;z-index:-1;} .wcu-compare table{width:80%;margin:50px auto;padding:40px;border-radius:6px;border-collapse:collapse;border-spacing:0;background:var(--global--color-white);-webkit-box-shadow:0px 0px 100px 0px rgba(43,70,104,0.1);-moz-box-shadow:0px 0px 100px 0px rgba(43,70,104,0.1);box-shadow:0px 0px 100px 0px rgba(43,70,104,0.1);} .wcu-compare thead th{padding:30px 0;font-size:var(--global--font-size-md);} .wcu-compare tr td{font-size:var(--global--font-size-base);padding:20px 0;width:20%;} .wcu-compare tr td.txt{text-align:left;padding:20px 40px;width:60%;} .wcu-compare .see-more{cursor:pointer;font-weight:var(--heading--font-weight-strong);color:var(--global--color-dark);} #more{cursor:pointer;background:#eee;} @media screen and (max-width:1200px){ .wcu-compare table{width:90%;} } @media screen and (max-width:1000px){ .wcu-compare table{width:100%;} } @media screen and (min-width:600px){ .wcu-compare tr:nth-child(odd) td{background-color:#f4f7f7;} } @media screen and (max-width:600px){ .wcu-compare th.hide-cell{display:none;} body .wcu-compare td.txt{width:100%;background:#f4f7f7;} body .wcu-compare th,body .wcu-compare td{width:50%;} .wcu-compare th,.wcu-compare td{display:inline-block;} } /* Buy - How much faster */ .wcu-howmuchfaster .row .col-6 img{width:100%;} .wcu-howmuchfaster .row .col-6 div{margin:-100px 50px 0;padding:40px 60px 0;background:var(--global--color-white);display:inline-block;} @media screen and (max-width:600px){ .wcu-howmuchfaster .row .col-6 div{padding:20px;margin:-40px 20px 0;} } /* Buy - Testimonial */ .wcu-testimonial .bg{position:relative;width:70%;font-size:var(--global--font-size-xs);padding:50px;margin:0 auto;background:var(--global--color-white);-webkit-box-shadow:0px 0px 100px 0px rgba(43,70,104,0.1);-moz-box-shadow:0px 0px 100px 0px rgba(43,70,104,0.1);box-shadow:0px 0px 100px 0px rgba(43,70,104,0.1);} .wcu-testimonial .bg:before{content:url(../png/note-blockquote.png);left:50px;position:absolute;opacity:.3;} .wcu-testimonial .row{text-align:left;} .wcu-testimonial .row img{border-radius:50%;} .wcu-testimonial span{padding-left:20px;} .wcu-testimonial span.icon-star{color:#f98653;} .ie8 .wcu-testimonial iframe{display:none;} @media screen and (max-width:1300px){ .wcu-testimonial .bg{width:90%;} } @media screen and (max-width:1000px){ .wcu-testimonial .col-6{width:100%;} } /* Buy - Map */ .wcu-map{position:relative;} .wcu-map:before{content:'';-webkit-transform:skew(0,-6deg);transform:skew(0,-6deg);position:absolute;left:0;right:0;top:-150px;height:300px;background:#67a4ff;z-index:-1;} .worldmap{position:relative;max-width:1366px;margin:0 auto;} /* Buy - About */ .wcu-about{text-align:left;position:relative;z-index:0;} .wcu-about .container{padding:0 0 100px;} .wcu-about .col-5{position:relative;z-index:1;background:rgba(255,255,255,0.8)!important;background:var(--global--color-white);filter:alpha(opacity=80);width:40%;padding:50px 80px 100px;} .wcu-about .col-7{position:absolute;z-index:0;width: 100%;left: 0;padding: 0;height: 100%;} .wcu-about .col-7 .wp-block-image{height: 100%;} .wcu-about .col-7 .wp-block-image img{width: 100%;height: 100%;object-fit: cover;} @media screen and (max-width:1506px){ .wcu-about .container{padding: 0;} } @media screen and (max-width:1400px){ .wcu-about .col-5{width:50%;} } @media screen and (max-width:1261px){ .wcu-about .col-5{padding: 0 30px;} } @media screen and (max-width:1000px){ .wcu-about .col-5{width:100%;} } @media screen and (max-width:600px){ .wcu-about .col-5{padding:50px;} } /* 22.1 - Latest Version */ .buy-banner.upside a.underline{color:var(--global--color-white);box-shadow:inset 0 -8px 0 0 #f98653;} .buy-banner.upside a.underline:hover{box-shadow:inset 0 -2px 0 0 #f98653;transition:all 125ms ease;text-decoration:none;} .buy-banner .row.features p.buy-details{width:300px;font-size:var(--global--font-size-xs);color:var(--global--color-gray);} /* knowledgebase - avatar */ .popover-name{width:100%;display:inline-block;padding:10px 10px;} .popover-avatar{width:20%;display:inline-block;position:absolute;} .popover-avatar img{border-radius:100px;} .popover-line{height:1px;width:100%;margin:10px auto;background-color:var(--global--color-gray);z-index:9999;} .half-time{width:320px;display:inline-block;margin-left:16px;display: inline-flex;flex-wrap: wrap;align-items: center;} .kb-halfwidth-title .kb-halfwidth-avatar .half-time time {color: var(--global--color-gray);} .kb-midwidth-title .half-time time {color: var(--global--color-gray);font-size: 14px;} .half-time time{position:relative;color: var(--global--color-white);float:left;} .blog-authorname a{color:#e0e0e0;font-size:var(--global--font-size-base);margin:0;} .right{width:30%;} .about-author{padding:20px;width:100%;border:1px solid #e4e4e4;margin-top:100px;border-radius:4px;} .name{display:inline-flex;align-items: center;} .name h6{margin-right:16px;font-weight: var(--heading--font-weight);} .author-name{font-size:var(--global--font-size-base);margin:0!important;} .description{font-size:var(--global--font-size-xs);margin:20px 0 10px 0!important;color:var(--global--color-gray);} .contributor{display:inline-flex;} .contributor p{font-size:var(--global--font-size-xs);margin:0;} .avatarlist{display:inline-flex;} .avatarlist li{list-style-type:none;margin-bottom:0px!important;} .avatarlist li img{overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin:5px;} .more{width:24px;height:24px;} .credential{width:100%;display: inline-flex;flex-wrap: wrap;} .credential a{font-size:var(--global--font-size-xs);width: 90%;} .credential p{font-size:var(--global--font-size-xs);color:var(--global--color-gray)!important;margin:0!important;color:#4f4f4f!important;} .module{display:inline-flex;margin:6px 0;width: 100%;align-items: flex-start;} .module svg {margin-right: 8px;margin-top: 6px;} .btn.btn-default{margin-top:20px;} .popover-share img{margin:0 10px;} .popover-name h4{margin-bottom:6px;} .popover-name p{color:#777;font-size:var(--global--font-size-xs);} .popover{position:absolute;top:10px;left:0;z-index:1060;display:none;width:400px;padding:1px;font-size:var(--global--font-size-xs);font-style:normal;font-weight:var(--heading--font-weight);line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:var(--global--color-white);-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto} .popover.top{margin-top:-10px} .popover.right{margin-left:10px} .popover.bottom{margin-top:10px} .popover.left{margin-left:-10px} .popover-title{padding:8px 14px;margin:0;font-size:var(--global--font-size-xs);background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0} .popover-content{padding:20px 14px 12px 14px;} .popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid} .popover>.arrow{border-width:11px} .popover>.arrow:after{content:"";border-width:10px} .popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:var(--global--color-gray);border-top-color:rgba(0,0,0,.25);border-bottom-width:0} .popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:var(--global--color-white);border-bottom-width:0} .popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:var(--global--color-gray);border-right-color:rgba(0,0,0,.25);border-left-width:0} .popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:var(--global--color-white);border-left-width:0} .popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:var(--global--color-gray);border-bottom-color:rgba(0,0,0,.25)} .popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:var(--global--color-white)} .popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:var(--global--color-gray);border-left-color:rgba(0,0,0,.25)} .popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:var(--global--color-white)} .ie .right{float:right} @media screen and (max-width:1000px){ .container.single-kb{display:inline-block;width: 100%;} .right{width:100%;float:left;top:20px;margin:0 20px;} .about-author{margin-top:20px;} *::-ms-backdrop,:root .right{width:100%;} } /* KB - Single post content*/ .container.single-kb.template .pakb-single h2:before{content:"";position:absolute;margin-top:30px;margin-left:-6px;width:80px;border-bottom:13px solid #4f52ef;z-index:-1;} .container.single-kb.template .pakb-single h3:before{content:"";position:absolute;margin-top:24px;margin-left:-6px;width:74px;border-bottom:13px solid #67a4ff;z-index:-1;} .container.single-kb.template .pakb-single h4:before{content:"";position:absolute;margin-left:-26px;width:12px;border-bottom:24px solid rgba(103,164,255,1);z-index:-1;} .container.single-kb.template .pakb-single.white-bg{padding:3em 6em 3em 5em;border-radius:6px;} .container.single-kb.template .pakb-single h3{font-size:var(--global--font-size-lg);} .container.single-kb.template .pakb-single h4{padding-left:var(--global--font-size-lg);} .container.single-kb.template .pakb-single img{margin:24px 0;} .container.single-kb.template .pakb-content{border-top:none;} @media screen and (max-width:1000px){ .container.single-kb.template .pakb-single.white-bg{padding:1em 5em 1em 2em;margin:1em 0;} } @media screen and (max-width:700px){ .container.single-kb.template .pakb-single.white-bg{padding:1em;margin:1em 0;} } @media screen and (max-width:420px){ .half-time{margin-left:0;margin-top:12px;} .container.single-kb.template ol.brackets > li:before{content:counter(li,decimal-leading-zero);counter-increment:li;position:absolute;margin-left:-74px;width:26px;height:21px;font-weight:var(--heading--font-weight-strong);border-bottom:6px solid #61ca87;z-index:-1;} .container.single-kb.template article ol,.container.single-kb.template article ul{padding:0 0 0 30px;} } /** * 23.0 - Help * ---------------------------------------------------------------------------- */ .help-content article{padding:4em 2em;} .help-content article .entry-content{margin:86px 0 140px;} .help-content article .entry-header h1{margin-bottom:20px;} .help-content article .author{margin-right:20px;} .help-content .meta-head{display:inline-table;vertical-align:middle;color:#909ca9;} .help-content .meta-down{display:inline-block;width:100%;text-align:center;margin:0 auto 100px;color:var(--global--color-dark);} .ie8 .help-content .meta-down{display:none;} .help-content .meta-down .meta-arrow{position:relative;font-size:var(--global--font-size-lg);color:#909ca9;animation:arrow-pulse 1s ease-in-out infinite;} @keyframes arrow-pulse{ 0%{-webkit-transform:translateZ(0);transform:translateZ(0);} 50%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);} } .help-content .meta-down .icon-solve-area{position:relative;} .help-content .meta-down .icon-solve-area .number{color:#60c985;opacity:1;} .help-content .meta-down .icon-solve-area .tick{width:100px;height:75px;position:absolute;margin:auto;bottom:30px;left:0;right:0;background:url(../svg/tick-grey.svg) no-repeat ;cursor:pointer;} .help-content .meta-down .icon-solve-area .tick.animate{display:inline-block;animation:tickPop .45s steps(19) forwards;} @keyframes tickPop{ from{background-position:left top;} to{background-position:right top;} } .help-content .meta-down .icon-solve-area .ticked img{position:absolute;margin:auto;bottom:30px;left:0;right:0;} @media screen and (max-width:800px){ .help-content .help-post{padding:2em 1em;} } /** * 24.0 - Knowledge Base landing * ---------------------------------------------------------------------------- */ .kbhome-top{height:600px;} .kbhomelatest-img{margin-bottom:16px;height:600px;background-position:90%;background-size:cover;} .kbhomelatest-cover{position:relative;height:600px;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));} .kbhome-latest{position:absolute;left:0;width:100%;} .kbhome-latest span,.kbhome-title span,.kb-popular span{font-size:var(--global--font-size-base);font-weight:var(--heading--font-weight-strong);padding-bottom:17px;border-bottom:1px solid rgba(0,0,0,.54)!important;} .kbhome-tittle a{color:#666;font-size:var(--global--font-size-xs);float:right;margin-top:10px;} .kbhome-latest .col-4 .kb-latest-thumb{height:220px;} .kbhome-latest .latestlist-title{margin-top:26px;font-size:var(--global--font-size-base);font-weight:var(--heading--font-weight-strong);height:70px;} .kbhome-latest .latestlist-title a{color:#31354e;} .kbhome-latest .post-categories{margin-top:0;padding-bottom:0;} .kbhome-latest .list-time a{color:var(--global--color-white);} .kbhome-latest .list-time time{float:right;color:var(--global--color-white);padding-left:20px;} .kbhome-latest .list-excerpt{color:var(--global--color-white);font-size:var(--global--font-size-sm);margin:0 140px 20px 40px;} .kbhome-latest .row{margin-bottom:60px;} .kb-latest-thumb a{text-decoration:none;} .kbhomelatest-img :hover, .kbhomelist-img :hover{background:rgba(37,71,121,0.6);} .kbhomelist-cover :hover, .kbhomelatest-cover :hover{background:none;} .kbhome-latest .list-author{margin-left:40px;width:56px;float:left;} .kbhome-latest .list-time{float:left;color:var(--global--color-white);} .kbhome-latest>div:nth-child(1){width:50%;float:left;} .kbhome-latest>div:nth-child(2),.kbhome-latest>div:nth-child(3){width:25%;float:left;} .kbhome-latest>div:nth-child(2) .list-excerpt,.kbhome-latest>div:nth-child(3) .list-excerpt{display:none;} .kbhome-latest>div:nth-child(1) .kbhomelatest-tittle h1{font-size:var(--global--font-size-xl);font-weight:var(--heading--font-weight-strong);} .kbhome-latest>div:nth-child(1) .kbhomelatest-tittle{color:var(--global--color-white);text-decoration:none;} .kbhomelatest-tittle{padding:0 40px 10px 40px;color:var(--global--color-white);text-decoration:none;} .kbhomelatest-tittle h1{font-size:var(--global--font-size-md);} .kblatest-text{width:80%;margin:-50px auto 10px auto;background-color:var(--global--color-white);z-index:999;position:relative;padding:20px 20px 40px 20px;border-bottom:1px solid rgba(0,0,0,.2)!important;} .kblatest-text:before{display:block;content:" ";width:100%;height:175px;position:absolute;top:0;left:0;z-index:-30;background-color:var(--global--color-white);} .kbhome-category{width:70%;padding:20px;} .kbhome .kbhome-category {margin-top: 500px;} .kbhome .sidebar-kbhome {margin-top: 500px;} .all-list{position:relative;width:137px;margin:0 13px 26px 13px;float:left;text-align:center;border-radius:6px;box-shadow:0px 0px 20px rgba(0,0,0,.1);height:120px;} .container.single-kb .all-list p{margin:0;font-size:var(--global--font-size-xs);position:absolute;bottom:16px;width:100%;} .kb-category .col-4{padding:0;border-radius:8px;} .kb-category>div:nth-child(2) .col-4{box-shadow:0px 0px 20px rgba(0,0,0,.1);padding:0;border-radius:8px;} .kb-category>div:nth-child(2){width:100%;box-shadow:0px 0px 20px rgba(0,0,0,.1);margin:30px 0;padding:0;border-radius:8px;} .kb-category>div:nth-child(2) .kbhomelist-img{margin-bottom:0;height:316px;background-position:90%;background-size:cover;border-radius:0 8px 8px 0;} .kb-category>div:nth-child(2) .kbhomelist-cover{height:316px;border-radius:0 8px 8px 0;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3));} .kb-category>div:nth-child(2) .kb-list-thumb{float:right;max-width:430px;width:46%;} .kb-category>div:nth-child(2) a{font-size:var(--global--font-size-md);} .kb-category>div:nth-child(2) .kb-list-thumb a img{height:320px;} .kb-category>div:nth-child(2) .kb-list-text{width:49%;margin:30px 15px 0 30px;} .kb-category>div:nth-child(2) .kb-list-text .list-line{width:100%;height:1px;background:#31354e;margin-top:16px;margin-right:15px;} .kb-category>div:nth-child(2) .post-meta-info-share{margin-bottom:60px;padding:0;} .kb-category .col-4{width:49%;} .kb-category>div:nth-child(4){margin:0 0 40px 16px;} .kb-category>div:nth-child(6){margin:0 0 0 16px;} .kb-category .col-4 a{font-size:var(--global--font-size-sm);color:#31354e;font-weight:var(--heading--font-weight-strong);} .kb-category .col-4 .kb-list-thumb a img{width:100%;height:200px;} .list-author img{border-radius:100px;} .kb-category .col-4 .list-author{margin-top:12px;width:56px;float:left;} .kb-category .col-4 .list-time time{padding-left:20px;color:var(--global--color-gray);} .kb-category .col-4 .list-time a{font-size:var(--global--font-size-xs);font-weight:var(--heading--font-weight-strong);} .list-excerpt{margin:36px 0 0 10px;color:#6c7c92;} .kb-category>div:nth-child(3) .kb-list-title,.kb-category>div:nth-child(4) .kb-list-title,.kb-category>div:nth-child(5) .kb-list-title,.kb-category>div:nth-child(6) .kb-list-title{padding:12px;} .sidebar-kbpop{float:right;text-align:left;position:relative;width:26%;} .kb-popular li{list-style-type:none;font-size:var(--global--font-size-md);} li.sidebar-number{list-style-type:decimal-leading-zero;float:left;color:#ccc;margin-top:10px;} ul.post-categories{margin-bottom:-16px;} ul.post-categories li{list-style-type:none;margin-bottom:16px;} ul.post-categories li a{font-size:var(--global--font-size-xs);color:#75acff;font-weight:var(--heading--font-weight-strong);text-transform:uppercase;} ul.sidebar-name{margin-bottom:10px;font-size:var(--global--font-size-xl);color:#ccc;margin-top:12px;} .sidebar-kbpop ol{width:75%;margin-left:50px;margin-top:30px;} .kb-popular .popular-time a{color:var(--global--color-gray);font-weight:var(--heading--font-weight);} .kbhomelist-img{margin-bottom:6px;height:240px;background-position:90%;background-size:cover;border-radius:4px} .listauthor-descipiton{padding:0 10px;display: inline-flex;align-items: center;} .kb-category{margin-bottom:80px;margin-top:30px;clear:both;} .kbhome-tittle span:before{content:"";position:absolute;margin-top:24px;margin-left:-6px;width:74px;border-bottom:13px solid rgba(103,164,255,1);z-index:-1;} .kbhome-tittle{width:100%;font-size:var(--global--font-size-lg);font-weight:var(--heading--font-weight-strong);margin:14px;display:inline-block;} .kbhome-tittle a svg {vertical-align: middle;} .kbhome-tittle.categories{padding:0 0 30px 20px;} .kbhomelist-cover{height:240px;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3));border-radius:4px;} .kb-category>div:nth-child(3) .kb-list-text:before,.kb-category>div:nth-child(4) .kb-list-text:before,.kb-category>div:nth-child(5) .kb-list-text:before,.kb-category>div:nth-child(6) .kb-list-text:before{display:block;content:" ";width:100%;height:175px;position:absolute;top:0;left:0;z-index:-30;background-color:var(--global--color-white);border-radius:8px;} .kb-category>div:nth-child(3) .kb-list-text,.kb-category>div:nth-child(4) .kb-list-text,.kb-category>div:nth-child(5) .kb-list-text,.kb-category>div:nth-child(6) .kb-list-text{width:90%;height:370px;margin:-50px auto 10px auto;background-color:var(--global--color-white);z-index:99;position:relative;padding:20px;border-radius:8px 8px 0 0;} .kbhomelatest-content{position:absolute;margin-right:30px;color:var(--global--color-white);bottom:24px;} .kbhome-allcategory{text-align:center;clear:both;} .kbc-allcategories{text-align:center;float:right;width:30%;margin-top:100px;} @media screen and (max-width:1400px){ .all-list{width:20%;} } @media screen and (max-width:1320px){ .kb-category .col-4{width:48.5%;} } @media screen and (max-width:1100px){ .sidebar-kbhome{display:none;} .kbhome-category{width:100%;} .kbhome-latest>div:nth-child(1){width:100%;} .kbhome-latest>div:nth-child(2),.kbhome-latest>div:nth-child(3){width:100%;} .kbhomelatest-cover{height:250px;} .kbhomelatest-img{height:250px;margin-bottom:0;} .kbhomelatest-content{bottom:20px;} .kbhome-latest>div:nth-child(1) .kbhomelatest-tittle h1{font-weight:var(--heading--font-weight-strong);} .kbhome-latest .list-excerpt{display:none;} .kbhome-top{height:750px;} .kbc-allcategories{width:100%;} } @media screen and (max-width:760px){ .kbhomelatest-tittle h1{font-size:var(--global--font-size-sm);} .kbhome-latest>div:nth-child(1) .kbhomelatest-tittle h1{font-size:var(--global--font-size-sm);} .kb-category>div:nth-child(2) .kb-list-thumb{float:none;width:100%;max-width:none;} .kb-category>div:nth-child(2) .kbhomelist-img{margin-bottom:6px;height:240px;background-position:90%;background-size:cover;border-radius:4px;} .kb-category>div:nth-child(2){width:100%;box-shadow:none;margin:30px 0;padding:0;border-radius:8px;} .kb-category .col-4{width:100%;margin-bottom:30px;} .kb-category>div:nth-child(2) .kb-list-text{width:90%;margin:-50px auto 10px auto;background-color:var(--global--color-white);z-index:999;position:relative;padding:20px;border-bottom:1px solid rgba(0,0,0,.2)!important;border-radius:8px 8px 0 0;} .kb-category>div:nth-child(2) .kb-list-text .list-line{display:none;} .kb-category>div:nth-child(3) .kb-list-text,.kb-category>div:nth-child(4) .kb-list-text,.kb-category>div:nth-child(5) .kb-list-text,.kb-category>div:nth-child(6) .kb-list-text{height:100%;} .kb-category>div:nth-child(3) .kb-list-title,.kb-category>div:nth-child(4) .kb-list-title,.kb-category>div:nth-child(5) .kb-list-title,.kb-category>div:nth-child(6) .kb-list-title{height:100%;padding:12px;} .kb-category>div:nth-child(2) .kbhomelist-cover{height:240px;border-radius:0 8px 8px 0;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3));} .kb-category>div:nth-child(2) .kb-list-text:before{display:block;content:" ";width:100%;height:175px;position:absolute;top:0;left:0;z-index:-30;background-color:var(--global--color-white);border-radius:8px;} } .kbc-banner{position: absolute;width: 100%;left: 0;} .kbc-top{height:500px;position:relative;z-index:0;} .kbc-top .col-5{position:relative;z-index:1;margin-top:140px;padding-left:50px;width: 100%;} .kbc-top .col-7{position:absolute;z-index:0;width: 100%;left: 0;top:0;padding: 0;} .kbc-top .col-7 .wp-block-image img{width: 100%;height: 500px;object-fit: cover;} .kbc-top .container{margin-top:26px;} .kbc-top h2{font-size:var(--global--font-size-page-title);margin-bottom:40px;} .kbc-allcategories .modal.fade.in{top:50px;} .kbc-allcategories .modal{background-color:transparent;border:none;box-shadow:none;max-height:none;height:100%;width:100%;top:300px;left:0;display:none;margin:0;} .kbc-allcategories .close{padding-top:0;background:transparent;font-size:var(--global--font-size-xxxl);color:#111;opacity:1;} .kbc-allcategories .close:hover{background:transparent;font-size:var(--global--font-size-xxxl);color:#111;opacity:1;} .kbc-list-thumb{float:right;max-width:430px;width:50%;} .kbclist-img{margin-bottom:0;height:256px;background-position:75%;background-size:cover;border-radius:8px;} .kbc-list{width:100%;margin:30px 0;border-radius:8px;float:left;} .kbc-list .kb-list-title a{font-size:var(--global--font-size-md);color:#31354e;font-weight:var(--heading--font-weight-strong);} .kbc-list .list-line{width:100%;height:1px;background:#31354e;margin-top:16px;margin-right:15px;} .kbc-list .kb-list-text{width:50%;} .kbc-list .list-author{float:left;} .kbc-list .listauthor-descipiton{height:40px;padding:16px 10px 0 10px;width: 100%;margin-top: 20px;} .kbc-list .listauthor-descipiton .list-time{width: 90%;text-align: right;display: inline;} .kbc-list .list-time a{color:#444;} .kbc-list .kbclist-cover{height:256px;border-radius:8px;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3));} .kbc-list .kbclist-img :hover{background:rgba(37,71,121,0.6);} .kbc-list .kbclist-cover :hover{background:none;} .tax-knowledgebase_category .site-content.fleft{width:100%} .sidebar-kbhome .kbhome-allcategory{margin-top:100px;} .container.kbhome{width:100%;} .kbc-cover{background:#000;opacity:.5;height:500px;display:none;} .kbc-list .kb-list-text .post-meta-info-share {margin-top: 20px;} @media screen and (max-width:700px){ .kbc-banner #search-box{width:80%;} .kbc-banner .container{padding-left:20px;} .kbc-cover{display:block;} .kbc-banner h2{color:var(--global--color-white);} .kbc-list-thumb{float:none;width:100%;max-width:none;margin-left:0;} .kbc-list .kbhomelist-img{margin-bottom:6px;height:240px;background-position:90%;background-size:cover;border-radius:4px;} .kbc-list{width:100%;box-shadow:none;margin:30px 0;padding:0;border-radius:8px;} .kb-category .col-4{width:100%;} .kbc-list .kb-list-text{width:90%;min-height:330px;margin:-50px auto 10px auto;background-color:var(--global--color-white);z-index:999;position:relative;padding:20px;border-bottom:1px solid rgba(0,0,0,.2)!important;border-radius:8px 8px 0 0;} .kbc-list .kb-list-text .list-line{display:none;} .kbc-list .kbhomelist-cover{height:240px;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3));border-radius:0 8px 8px 0;} .kbc-list .kb-list-text:before{content:" ";display:block;width:100%;height:175px;position:absolute;top:0;left:0;z-index:-30;background-color:var(--global--color-white);border-radius:8px;} } @media screen and (max-width:600px){ .container.single-kb.template .all-category ul li{width:43%;} } @media screen and (max-width:420px){ .kbhome-allcategory .modal.fade.in{top:0;transform:scale(0.42);transform-origin:top;width:800px;left:-218px;} .kbc-allcategories .modal.fade.in{top:0;transform:scale(0.42);transform-origin:top;width:800px;left:-218px;} .kbhome-allcategory .modal{min-height:2000px;} .kbc-allcategories .modal{min-height:2000px;} } /** * 25.0 - DDU page (header) * ---------------------------------------------------------------------------- */ .top{width:96%;max-width:1366px;height:auto;background:#FFF;margin:auto;} .topb{height:auto;margin:0 auto;padding-top:10px;} .logo{float:left;} .logo_right{width:520px;margin:25px 0px;color:#000;float:right;font-weight:var(--heading--font-weight-strong);font-size:var(--global--font-size-base);} .page-template-default.page.page-id-80026.logged-in.sidebar .header,.page-template-default.page.page-id-80026.logged-in.sidebar .sidebar-container,.page-template-default.page.page-id-80026.sidebar .header,.page-template-default.page.page-id-80026.sidebar .sidebar-container{display:none!important;} @media screen and (max-width:850px){ .logo_right{width:80%;margin-left:40px;float:left;} } /** * 26.0 - Add install tips when click download button * ---------------------------------------------------------------------------- */ .install-tips-download-arrow-overlay{position:fixed;z-index:1002;left:0;top:0;width:100%;height:100%;background:black;} .install-tips-download-arrow{width:140px;height:200px;position:fixed;display:none;z-index:9000;} .install-tips-download-arrow .col-5{position:relative;z-index:9001;width: 100%;padding: 0;} .install-tips-download-arrow .col-7{position:absolute;z-index:9000;width: 100%;height: 100%;padding: 0;} .install-tips-download-step{display:none;width:100%;margin-top: 80px;max-width: 1366px;position: relative;left: 0;right: 0;margin: 0 auto;} .install-tips-download-arrow p{color:var(--global--color-white);font-size:var(--global--font-size-xs);text-align:center;padding:75px 5px 0 5px;text-transform:uppercase;color: #fff;} .install-tips-download-arrow span{font-size:var(--global--font-size-xs);margin-bottom:10px;} .install-tips-close-download-arrow-overlay{font-size:var(--global--font-size-lg);text-align:center;padding:5px;width:40px;color:white;position:fixed;top:20px;right:20px;text-transform:uppercase;cursor:pointer;z-index:9903} .install-tips-download-content{z-index:1008;position:fixed;color:var(--global--color-white);text-align:center;width:100%;top:0;height: 100%;} .step-list .install-tips-download-content h2{font-size:var(--global--font-size-xl);} .install-tips-download-content h2{color: #fff;margin-top: 50px;} .install-tips-download-step .install-tips-box-two{float:left;} .install-tips-download-link {position: absolute;left: 0;right: 0;margin: 0 auto;color: var(--global--color-white);z-index: 999;text-align: center;top: 67px;} .install-tips-download-link a{color:var(--global--color-white);text-decoration:underline;} .install-tips-download-step .install-tips-download-link p{color:var(--global--color-white);font-size:var(--global--font-size-md);margin: 0;color: #fff;} .install-tips-download-step .col-5 p {color: var(--global--color-dark);} .install-tips-download-step-normal .step-list{display: inline-flex;margin: 0 auto;left: 0;right: 0;position: absolute;max-width: 1366px;margin-top: 180px;} .install-tips-download-step-normal .step1,.install-tips-download-step-normal .step2,.install-tips-download-step-normal .step3,.install-tips-download-step-normal .step4,.install-tips-download-step-normal .step5{width: 300px;margin-right:24px;display:block;position: relative;height: 320px;} .install-tips-download-step-normal .step1 .col-5,.install-tips-download-step-normal .step2 .col-5,.install-tips-download-step-normal .step3 .col-5,.install-tips-download-step-normal .step4 .col-5,.install-tips-download-step-normal .step .col-5{position: absolute;z-index:2;width: 100%;text-align: center;left: 0;right: 0;margin: 0 auto;} .install-tips-download-step-normal .step1 .col-7,.install-tips-download-step-normal .step2 .col-7,.install-tips-download-step-normal .step3 .col-7,.install-tips-download-step-normal .step4 .col-7,.install-tips-download-step-normal .step .col-7{position:absolute;z-index:1;width: auto;} .install-tips-download-step .step-list .wp-block-image img {width: 100%;} @media screen and (max-width:1000px){ .install-tips-download-content {overflow-y: scroll;} .install-tips-download-link {bottom: auto;} } @media screen and (max-width:612px){ .install-tips-download-step-normal .step1, .install-tips-download-step-normal .step2, .install-tips-download-step-normal .step3, .install-tips-download-step-normal .step4, .install-tips-download-step-normal .step5 {margin: 0 20%;} .install-tips-download-step-normal .step-list {flex-wrap: wrap;} } /* firefox browser */ .firefox-install-tips-download-arrow-overlay{position:fixed;z-index:1002;left:0;top:0;width:100%;height:100%;background:black;opacity:0.85;} .close-download-arrow-overlay{font-size:var(--global--font-size-lg);text-align:center;line-height:28px;padding:5px;width:20px;color:white;position:fixed;top:20px;right:20px;text-transform:uppercase;cursor:pointer;z-index:9903} .firefox-download-arrow{width:140px;height:200px;position:fixed;right:165px;top:10px;display:none;z-index:9000;} .firefox-download-arrow .col-5{position:relative;z-index:9001;width: 100%;padding: 0;} .firefox-download-arrow .col-7{position:absolute;z-index:9000;width: 100%;height: 100%;padding: 0;} .firefox-download-arrow p{color:var(--global--color-white);font-size:var(--global--font-size-xs);line-height:22px;text-align:center;padding:30px 5px 0 5px;text-transform:uppercase;} .firefox-download-step{height:340px;overflow-x:auto;width:100%;overflow-y:hidden;white-space:nowrap;float:right;} .firefox-download-arrow span{font-size:var(--global--font-size-md);margin-bottom:10px;} .firefox-download-content{z-index:9001;position:fixed;color:var(--global--color-white);top:260px;text-align:center;width:100%;top:20vh;float:right;} .firefox-install-tips-download-link{margin-top:60px;} .firefox-install-tips-download-link p{color:var(--global--color-white);} .firefox-install-tips-download-link a{color:var(--global--color-white);text-decoration:underline;} .firefox-download-step p{color:#131313;font-size:24px;} .firefox-download-step p{padding-top:45px} html .firefox-download-arrow{-webkit-animation:firefox-animateArrow0 500ms ease-in-out 3000ms 1 normal,firefox-animateArrow1 2500ms ease-in-out 3500ms 1 normal,firefox-animateArrow2 2000ms ease-in-out 6000ms infinite normal;opacity:0;} @-webkit-keyframes firefox-animateArrow0{ 0%{top:10px;opacity:0} 100%{top:300px;opacity:0} } @-webkit-keyframes firefox-animateArrow1{ 0%{top:300px;opacity:0} 33%{top:10px;opacity:1} 60%{top:100px;opacity:1} 100%{top:10px;opacity:1} } @-webkit-keyframes firefox-animateArrow2{ 0%{top:10px;opacity:1} 50%{top:50px;opacity:1} 100%{top:10px;opacity:1} } @media screen and (max-width:1080px){ .firefox-download-content{right:0;left:60px;} .firefox-download-content .step4{margin-left:0;} } html .install-tips-download-arrow{-webkit-animation:animateArrow0 500ms ease-in-out 3000ms 1 normal,animateArrow1 2500ms ease-in-out 3500ms 1 normal,animateArrow2 2000ms ease-in-out 6000ms infinite normal;opacity:0;} @-webkit-keyframes animateArrow0{ 0%{bottom:10px;opacity:0} 100%{bottom:300px;opacity:0} } @-webkit-keyframes animateArrow1{ 0%{bottom:300px;opacity:0} 33%{bottom:10px;opacity:1} 60%{bottom:100px;opacity:1} 100%{bottom:10px;opacity:1} } @-webkit-keyframes animateArrow2{ 0%{bottom:10px;opacity:1} 50%{bottom:50px;opacity:1} 100%{bottom:10px;opacity:1} } @media screen and (max-width:1400px){ .install-tips-download-step .install-tips-box-two{float:none;} .install-tips-download-content{bottom:300px;} } @media screen and (max-width:730px){ .install-tips-download-link{float:left;} .install-tips-download-content h2{float:left;position: absolute;left: 0;right: 0;margin: 0 auto;} .install-tips-download-arrow{display:none!important;} } @media screen and (max-width:430px){ #install-tips-mask{display:none!important;} } /* * 27.0 - Floating sidebar * ---------------------------------------------------------------------------- */ .wp-block-floating-callout-wrapper.right{max-width:550px;position:absolute;left:60%;margin-top:-28px;margin-right:28px;} .wp-block-floating-callout-wrapper.right.fixed{position:-webkit-sticky;position:sticky;top:200px;width:100%;} .wp-block-floating-callout-wrapper.right.fixed .floating-callout{position:absolute;left:120%;width:100%;} .ie8 .wp-block-floating-callout-wrapper{display:none;} @media screen and (min-width:0px \0){ /* Just works on IE9, 10, 11 */ .wp-block-floating-callout-wrapper.right.fixed{position:relative;top:inherit;} .wp-block-floating-callout-wrapper.right.fixed .floating-callout{left:inherit;} } @media screen and (max-width:1500px){ .wp-block-floating-callout-wrapper.right.fixed .floating-callout{width:85%;} } @media screen and (max-width:1000px){ .wp-block-floating-callout-wrapper{display:none;} } .refund-content{margin:0 0 80px 0;} .refund-content h2{margin-bottom:15px;} .refund-content ol,.refund-content ul,.refund-content li{list-style-type:none} .refund-content hr{margin:55px 0} .refund-content h5{margin-bottom:20px;} .refund-content sup{color:#ec1515} .refund-content label{display:inline-block;min-height:36px;font-size:var(--global--font-size-sm);} .refund-content .social a{display:inline-block;margin:0 10px;width:30px;height:30px;border-radius:50%;background:#1264fc;color:var(--global--color-white);text-align:center;font-size:var(--global--font-size-base);} .refund-content .social a:hover{background:#236ffc} .refund-content .select-content{position:relative} .refund-content .select-content .simulation-select{color:#666;font-size:var(--global--font-size-xs);position:relative;display:inline-block;width:100%;height:40px;border:solid #d9d9e6 1px;border-radius:3px;background:#f2f4f7;text-indent:15px;cursor:pointer} .refund-content .select-content .simulation-select:after{position:absolute;top:0;right:0;display:block;width:34px;height:34px;background:url(../png/down.png) no-repeat 0 15px;content:""} .refund-content .select-content .simulation-select.active,.refund-content .select-content .simulation-select:hover{border:solid #3B80E7 1px;background:#3B80E7;color:var(--global--color-white)} .refund-content .select-content .simulation-select.active:after,.refund-content .select-content .simulation-select:hover:after{background:url(../png/down-white.png) no-repeat 0 15px} .refund-content .select-content ol{z-index:1000;display:none;overflow-y:auto;margin-top:3px;width:100%;max-height:360px;border:solid #eef0f5 1px;border-radius:3px;background:var(--global--color-white)} .refund-content .select-content ol li{color:#666;font-size:var(--global--font-size-xs);position:relative;padding-left:15px;padding-top:8px;border-bottom:solid #eef0f5 1px;cursor:pointer;margin-bottom:0;} .refund-content .select-content ol li:last-child{border:none} .refund-content .select-content ol li:hover{background:#eef0f5} .refund-content .select-content ol.active{display:block} .refund-content .select-product{float:left;width:520px} .refund-content .select-product .list-content{margin-top:25px} .refund-content .select-product .list-content ul{display:none} .refund-content .select-product .list-content ul.active{display:block} .refund-content .select-product .list-content ul a{display:inline-block;margin:7px 0;color:#1264fc} .refund-content .select-product .btn-blue{margin-top:25px;padding:3px 15px;min-width:113px;border-radius:3px;color:var(--global--color-white)} .refund-content .common-problem{float:left;padding-left:40px;width:325px} .refund-content .common-problem a{display:inline-block;margin:7px 0;color:#1264fc} .refund-content .common-problem.f-right{float:right} .refund-content .common-problem.hotquestion{padding-right:80px;padding-left:0;width:285px} .refund-content .common-problem.hotquestion h2{margin-bottom:20px;font-size:var(--global--font-size-md)} .refund-content .common-problem.hotquestion dd{margin-bottom:10px} .refund-content .common-problem.hotquestion dd a{font-size:var(--global--font-size-xs);} .refund-content .common-problem dl{margin-bottom:30px} .refund-content .product-handle{margin-top:35px;color:#000;} .refund-content li{width:100%;min-height:38px;margin-bottom:40px;} .refund-content .product-handle>li label{display:inline-block;min-height:36px;} .refund-content .product-handle>li label sup{color:#ec1515} .refund-content .product-handle>li .select-content,.refund-content .product-handle>li input[type=text],.refund-content .product-handle>li textarea{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;color:#545454;vertical-align:top;font-size:var(--global--font-size-xs)} .refund-content .product-handle>li input[type=password],.refund-content .product-handle>li input[type=text],.refund-content .product-handle>li textarea{padding:8px 15px;border:solid #d9d9e6 1px;border-radius:3px;background:#f2f4f7;font-size:var(--global--font-size-xs)} .refund-content .product-handle>li input[type=password]:hover,.refund-content .product-handle>li input[type=text]:hover,.refund-content .product-handle>li textarea:hover{border:solid #1264fc 1px} .refund-content .product-handle>li input[type=password].captcha,.refund-content .product-handle>li input[type=text].captcha,.refund-content .product-handle>li textarea.captcha{width:385px} .refund-content .product-handle>li img{margin-left:15px;vertical-align:middle} .refund-content .product-handle>li img.refresh{cursor:pointer} .refund-content .product-handle>li .errormsg{clear:both;display:none;margin-top:3px;padding:0;padding-left:185px;color:#ed1c24;font-size:var(--global--font-size-xs)} .refund-content .product-handle>li .errormsg .tag-error{float:left;margin-top:3px;margin-right:4px} .refund-content .product-handle>li .btn-blue{padding:1px 15px;min-width:213px;border-radius:3px;color:var(--global--color-white)} .refund-content .product-handle>li.error{padding-bottom:6px} .refund-content .product-handle>li.error input[type=input],.refund-content .product-handle>li.error textarea{border:solid #ed1c24 1px} .refund-content .product-handle>li.error input[type=input]:hover,.refund-content .product-handle>li.error textarea:hover{border:solid #ed1c24 1px} .refund-content .product-handle>li.error .simulation-select{border:solid #ed1c24 1px} .refund-content .product-handle>li.error .errormsg{display:block} .refund-content .product-handle>li .extra-info{margin-left:195px;padding:0} .refund-content .product-handle.feedback-form textarea{height:160px;resize:none} .refund-content .wpcf7-form-control.wpcf7-submit{margin-top:60px;border-radius:4px;} body.page-template.page-template-template.page-template-help.page-template-templatehelp-php.page.page-id-84112.logged-in.sidebar h1,body.page-template.page-template-template.page-template-help.page-template-templatehelp-php.page.page-id-84112.sidebar h1{display:none;} button.button.refund{width:96%;margin-top:40px;border-radius:6px;-webkit-appearance:none;height:50px;cursor:pointer;color:var(--global--color-white);font-weight:var(--heading--font-weight-strong);background:-moz-linear-gradient(0deg,#00aeff,#3369e7);background:-webkit-linear-gradient(0deg,#00aeff,#3369e7);background:-ms-linear-gradient(0deg,#00aeff,#3369e7);border:none;display:inline-block;font-size:var(--global--font-size-sm);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} button.button.refund span:after{display:none;} button.button.refund:hover span{padding-right:0px!important;} .formrefund ul li{list-style:none;} .formrefund label{display:inline-block;width:100%;min-height:36px;margin-top:30px;} .formrefund label sup{color:#ec1515} .formrefund input.wpcf7-form-control.wpcf7-submit,.formrefund input#submit{height:40px;border-radius:4px;margin-top:60px;} .refund-top p{margin:8px 0!important;} .sticky-sidebar .site-content .refund-top h2:before{width:0;} .sticky-sidebar .site-content .solutions h4:before{width:0;} .solutions{background:#F3F7FC;border-radius:6px;margin-bottom:50px;} .lists.hide.clearfix h4{margin:20px 20px 16px 20px;padding-top:26px;font-size:var(--global--font-size-sm);} .lists.hide.clearfix p{margin:16px 20px 20px 20px;padding-bottom:26px;color:#55607A;} .container.clearfix{padding:0;overflow-x:inherit;margin:0;} textarea#feedback{font-family:var(--global--font-primary);overflow-x:inherit;} .product-handle .col-1{width:10%;padding:10px 0 50px;} select#sel,select#txt,input#code,input#email,input#forget_email,input#name{width:100%;height:40px;font-size:var(--global--font-size-xs);border-radius:4px;color:#191936;background:#f2f4f7;border:solid #d9d9e6 1px;padding:8px 15px;} textarea#computer-problem,textarea#information,textarea#not-update-driver,textarea#caused-computer-problems,textarea#not-like{width:100%;border-radius:4px;color:#191936;background:#f2f4f7;border:solid #d9d9e6 1px;padding:8px 15px;font-size:var(--global--font-size-xs);font-family:var(--global--font-primary);overflow-x:inherit;} select option #text{margin:20px 5px;} .score{overflow:auto;} span.score .col-1{width:9%;padding:0;margin:12px 0 0 0;} @media screen and (max-width:1000px){ .refund-top .col-3{width:25%;padding:10px 0;} .refund-top .col-9{width:75%;padding:10px 0 10px 30px;} span.score .col-1{width:9%;} } @media screen and (max-width:690px){ .page-id-84112 .help article{padding:5em 1em;} .refund-top .col-3{width:20%;} .refund-top .col-9{width:75%} .refund-top img{margin:34px 0!important;} .refund-content li{padding-bottom:6px;} } #wpcf7_hidden_input_refund,#wpcf7_hidden_input_kind_problems,#wpcf7_hidden_input_score,#still_want_refund_hidden,#bug-type-hidden{display:none;} /* KB plugin WP background css*/ .floating-callout .is-type-video iframe{width:100%} .pakb-content code{background:var(--global--color-white)} .kb-fullwidth.banner-img{height:600px;position:relative;background-image: linear-gradient(0deg, rgba(0,0,0,0), rgba(32, 32, 32,0.7));} .pakb-content img{height:auto;max-width:100%} .pakb-content{margin-top:0;font-size:var(--global--font-size-base);} .pakb-row li{margin:15px 0} .pakb-breadcrumb li a,.pakb-list li a,.pakb-list li a:hover,.pakb-main a,.pakb-sidebar ul li a{text-decoration:none} ul.pakb-list li a:hover{color:#2683f5} .widget_knowledge_base_search input{padding:10px 0;font-size:var(--global--font-size-xs);} .pakb-single .btn{display:inline-block;width:220px;border:1px solid #2683f5;border-radius:15px;color:#2683f5;text-align:center;cursor:pointer;transition:all ease .45s} .pakb-single .btn a{width:240px;text-decoration:none} .pakb-single .btn:hover{width:240px;background:#2683f5;color:var(--global--color-white)} .pakb-single .btn:after{position:relative;left:2px;content:"\2192";transition:all ease .45s} .pakb-single .btn:hover{position:absolute;top:0;right:-10px;content:'\00bb';opacity:0} .pakb-meta{margin:20px 0 10px} @media screen and (max-width:1000px){ .archive .site-content.fleft{width:100%} } strong.schema-how-to-step-name{display:none} ol.schema-how-to-steps{counter-reset:li} ol.schema-how-to-steps>li{position:relative;z-index:998;list-style:none} ol.schema-how-to-steps>li:before{position:absolute;z-index:-1;margin-left:-34px;width:26px;height:21px;border-bottom:6px solid rgba(97,202,135,1);content:counter(li,decimal-leading-zero);counter-increment:li;font-weight:var(--heading--font-weight-strong);font-size:var(--global--font-size-md);} .schema-faq-section strong{font-size:var(--global--font-size-md)} .select-still,.select-bug{position:relative} .select-still .still-select,.select-bug .bug-select{color:#666;font-size:var(--global--font-size-xs);position:relative;display:inline-block;width:100%;height:40px;border:solid #d9d9e6 1px;border-radius:3px;background:#f2f4f7;text-indent:15px;cursor:pointer} .select-still .still-select:after,.select-bug .bug-select:after{position:absolute;top:0;right:0;display:block;width:34px;height:34px;background:url(../png/down.png) no-repeat 0 15px;content:""} .select-still .still-select.active,.refund-content .select-still .still-select:hover,.select-bug .bug-select.active,.select-bug .bug-select:hover{border:solid #3B80E7 1px;background:#3B80E7;color:var(--global--color-white)} .select-still .still-select.active:after,.refund-content .select-still .still-select:hover:after,.select-bug .bug-select.active:after,.select-bug .bug-select:hover:after{background:url(../png/down-white.png) no-repeat 0 15px} .select-still ol,.select-bug ol{z-index:1000;display:none;overflow-y:auto;margin-top:3px;width:100%;max-height:360px;border:solid #eef0f5 1px;border-radius:3px;background:var(--global--color-white)} .select-still ol li,.select-bug ol li{color:#666;font-size:var(--global--font-size-xs);position:relative;padding-left:15px;padding-top:8px;border-bottom:solid #eef0f5 1px;cursor:pointer;margin-bottom:0;} .select-still ol li:last-child,.select-bug ol li:last-child{border:none} .select-still ol li:hover,.select-bug ol li:hover{background:#eef0f5} .select-still ol.active,.select-bug ol.active{display:block} .refund-line{width:100%;height:2px;background:#3b80e7;clear:both;margin-bottom:60px;} .refund-hand img{float:left;margin:0 20px 0 0!important;} .refund-hand p{padding-top:20px;margin-bottom:14px!important;} .refund-forgot ol li{margin-bottom:0;list-style-type:disc;margin-left:20px;} .refund-details{} .refund-details h3{margin:0!important;} .refund-details input,.refund-details textarea{background:var(--global--color-white)!important;} .send-errors{background:#F9E5E5;border-radius:6px;margin:50px auto;padding:1px 30px;overflow:auto;display:none;} .send-success{background:#DCFBE7;border-radius:6px;margin:50px auto;padding:1px 30px;overflow:auto;display:none;} body .refund-content span.wpcf7-not-valid-tip{font-size:var(--global--font-size-base);display:none;} .send-success .col-1,.send-errors .col-1{padding:0;} .send-success .col-10,.send-errors .col-10{padding:0 0 0 10px;} .ajax-loader{visibility:hidden;display:inline-block;background-image:url('../gif/ajax-loader.gif');width:16px;height:16px;border:none;padding:0;margin:0 0 0 4px;vertical-align:middle;} .checkbox1,.checkbox-forget{float:left;margin:3px 10px 0 0;} .send-success h3{margin-top:20px!important;} .send-success p,.send-errors p{margin:20px 0!important;} .send-success img,.send-errors img{max-width:70%!important;} @media screen and (max-width:1000px){ .send-success .col-1,.send-errors .col-1{width:12%;} .send-success .col-10,.send-errors .col-10{width:80%} } @media screen and (max-width:780px){ .send-success .col-1,.send-errors .col-1{width:16%;} } @media screen and (max-width:460px){ .send-success .col-1,.send-errors .col-1{width:20%;margin-top:8px;} } input.refund-send,input.refund-support,input.refund-resend,input.refund-forget{width:100%;padding:10px 20px;margin-top:60px;border-radius:4px;-webkit-appearance:none;height:50px;cursor:pointer;color:var(--global--color-white);font-weight:var(--heading--font-weight-strong);background:-moz-linear-gradient(0deg,#00aeff,#3369e7);background:-webkit-linear-gradient(0deg,#00aeff,#3369e7);background:-ms-linear-gradient(0deg,#00aeff,#3369e7);border:none;display:inline-block;font-size:var(--global--font-size-sm);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} input.refund-send:hover,input.refund-support:hover,input.refund-resend:hover,input.refund-forget:hover{background:-moz-linear-gradient(0deg,#00aeff,#3369e7);background:-webkit-linear-gradient(0deg,#00aeff,#3369e7);background:-ms-linear-gradient(0deg,#00aeff,#3369e7);} li#kind-of-bug{list-style-type:none;} #kind-of-bug span{font-size:var(--global--font-size-base);padding:8px 20px;} #kind-of-bug .bug-select{color:#666;position:relative;display:inline-block;width:100%;height:100%;border:solid #d9d9e6 1px;border-radius:0;background:var(--global--color-white);text-indent:0;cursor:pointer} #kind-of-bug .select-bug ol li{font-size:var(--global--font-size-base);padding:8px 20px;} #refundStepBox3 ol{margin:0 30px 20px 50px;word-break:break-word;color:#55607A;padding-bottom:26px;} #refundStepBox3 p{padding-bottom:0;} #refundStepBox3 span{margin-bottom:10px;} input.wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required{border:none;padding:0;} #still-want-refund-radio label{font-size:var(--global--font-size-base);cursor:pointer;} .refund-mid{font-weight:var(--heading--font-weight-strong);text-align:center;margin:20px 0!important;} .forget-link{margin-bottom:60px;text-decoration:underline;color:var(--global--color-dark);cursor:pointer} li#still-want-refund-radio{margin-bottom:0;} /* Bootstrap css */ .fade-open .dropdown-menu{z-index:2050;} .modal-open .dropdown.open{*z-index:2050;} .modal-open .popover{z-index:2060;} .modal-open .tooltip{z-index:2070;} .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;} .modal-backdrop.fade{opacity:0;} .modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);} .modal{position:fixed;top:50%;left:40%;z-index:1050;max-height:800px;overflow:auto;width:990px;margin:-250px 0 0 -280px;background-color:var(--global--color-white);border:1px solid var(--global--color-gray);border:1px solid rgba(0,0,0,0.3);*border:1px solid var(--global--color-gray); /* IE6-7 */-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);box-shadow:0 3px 7px rgba(0,0,0,0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;} .modal.fade{top:-1155%;} .modal.fade.in{top:40%;} .modal-header .close{margin-top:2px;} .modal-body{padding:15px;} .modal-body .modal-form{margin-bottom:0;} button.close{border-style:none;margin-bottom:10px;} button.close:hover{background:var(--global--color-white);} .close{float:right;font-size:var(--global--font-size-sm);font-weight:var(--heading--font-weight-strong);color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);} .close:hover{color:#000000;text-decoration:none;opacity:0.4;filter:alpha(opacity=40);cursor:pointer;} @media screen and (max-width:1250px){ .modal{left:33%} } @media screen and (max-width:1080px){ .modal{width:720px;left:40%} } @media screen and (max-width:760px){ .modal{width:600px;left:47%} } @media screen and (max-width:630px){ .modal{width:480px;left:55%} } /* Toc */ div.toc_widget button{cursor:pointer;font-size:var(--global--font-size-lg);padding:0 .5em;margin:0;border-radius:0;background:#ff3000;} div.toc_widget > ol{overflow-y:auto;margin-top:-50px;} div.toc_widget ol li{margin:1rem .2rem;} div.toc_widget ol li a{text-decoration:none;color:#716565;display:block;transition:.3s;} div.toc_widget ol li a:hover{color:#ff3000;} div.toc_widget ol li a.current{color:#4f4e53;background:#ff3000;font-weight:var(--heading--font-weight-strong);} .ie8 div.toc_widget ol li a:hover,.ie8 div.toc_widget ol li .current{background:#ff3000;} div.toc_widget ol li a.current:hover{opacity:.8;} div.toc_widget ol li ol{list-style:none;counter-reset:item;position:relative;} div.toc_widget ol li ol > li:before{counter-increment:item;content:counter(item,decimal) ") ";position:absolute;left:0;} div.toc_widget ol li ol li ol > li:before{counter-increment:item;content:counters(item,".") ") ";position:absolute;left:0;} div.toc_widget ol li ol li ol > li a{padding-left:5px;} #toc_widget p.toc_title{left:100%;position:relative;} #toc_widget span.toc_toggle a{padding:3px 40px 28px 10px;background-color:red;} #toc_widget span.toc_toggle:hover{color:red;} /* wwp-easaeware-blocks - add from ryan 20190107*/ /*div.error{margin:2em 0;padding:1em;}*/ #link_address{width:505px;min-height:35px;height:30px;} #ga_code{width:495px;height:90px;min-height:90px;} .wp-block-easeware-advance-inner-blocks{padding-left:30px;} /* * Home * ---------------------------------------------------------------------------- */ /* Properly size YouTube Videos */ /* @added on 2020-07-01 by Roland */ .youtube-wrapper{position:relative;padding-bottom:56.25%;height:0;} .youtube-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;} /* Homepage styles */ .home .site-content a{color:var(--global--color-green);font-weight: var(--heading--font-weight-strong);text-decoration: underline;} .home .content-comparison table{width:100%;} .home .banner{width:100%;min-height:750px;background:#31354e;color:var(--global--color-white);position:sticky;z-index:0;} .home .banner .col-7{position:relative;z-index:1;} .home .banner .col-7 h1{padding:80px 0 50px 0;font-size:var(--global--font-size-xxl);} .home .banner .col-7 p{width:80%;} .home .banner .col-7 span{color:var(--global--color-green);font-size:var(--global--font-size-xxxl);} .home .banner .col-5 figure{position:absolute;right:0;z-index:0;} .home .banner-card{display:grid;margin:-100px auto;border-radius:12px;width:80%;box-shadow:0 0 20px 0px #21334b2b;position:relative;} .home .banner-card a:first-child b{height:200px;line-height:100px;border-radius:10px 0 0 10px;} .home .banner-card a:first-child b:lang(en-DE){height:190px;padding-top:60px;} .home .banner-card .col-4{text-align:center;border-right:1px solid var(--global--color-green);padding:52px 30px;font-size:var(--global--font-size-lg);background:var(--global--color-white);} .home .banner-card .col-4.green{background:var(--global--color-green);border-radius:0 10px 10px 0;color:var(--global--color-white);} .home .map{margin-top:60px;} .home .map .col-7{padding:0;} .home .updating{position:sticky;margin-top:100px;background:#f8faff;z-index:1} .home .updating:before{content:'';-webkit-transform:skew(0,6deg);transform:skew(0,6deg);position:absolute;left:0;right:0;top:-100px;height:300px;background:#f8faff;z-index:-1;} .home .updating:after{background:#f8faff} .home .content-driverstyle h2,.home .content-testimonial h2,.home .content-comparison h2{margin:100px 0 60px;} .home .question{background:#f8faff;padding:2em;} .home .question h3{font-size:var(--global--font-size-xl);} .home .video-update{display:none;} .home .content-comparison table{font-size:var(--global--font-size-base);} /* Home - Find drivers */ .content-driverstyle .col-3{text-align:center;margin:40px 0;} .content-driverstyle .col-3 ul{display:inline-block;height:120px;} .content-driverstyle .col-3 ul li{display:block;} .content-driverstyle .col-3 ul li:nth-child(2){padding-top:20px;} .content-driverstyle .col-3 ul li.device{position:relative;display:inline-block;overflow:hidden;} .content-driverstyle .col-3 ul li.device span{width:82px;height:82px;display:inline-table;vertical-align:middle;} .content-driverstyle .col-3 ul li.device img{position:absolute;left: 0;right: 0;max-height: 80px;margin: 0 auto;} /* Home - Compare products */ .content-comparison h2{text-align:left;} .content-comparison .line{margin:20px 0;} .content-comparison table{margin-bottom:100px;border-collapse:collapse;border-spacing:0;text-align:center;} .content-comparison table .tick-grey:after{content:url(../tick-grey.html);} .content-comparison table .tick-green:after{content:url(../png/tick-green.png);} .content-comparison td{empty-cells:show;padding:10px;border-right:3px solid #fff;} .content-comparison th{font-family:var(--global--font-primary);width:200px;font-weight:var(--heading--font-weight-strong);padding:0;border-right:3px solid #fff;} .content-comparison tr{background:#f5f8fb;border-bottom:1px solid #ebeff9;border-top:1px solid #ebeff9;} .content-comparison .noline{border:0;} .content-comparison .txt,.price-info{background:var(--global--color-white);} .content-comparison tr td:first-child{text-align:left;padding:15px;} .content-comparison tr td img {width: 20px;} .content-comparison .product{color:var(--global--color-white);background:#1676ea;height:100px;font-size:var(--global--font-size-sm);position:relative;overflow:hidden;} .content-comparison .product span{font-size:var(--global--font-size-xs);} .content-comparison .price-info{padding:10px;} .content-comparison .price-now span{font-size:var(--global--font-size-xl);font-weight:var(--heading--font-weight-strong);} @media screen and (max-width:700px){ .content-comparison td,.content-comparison th{float:left;} .content-comparison .txt{width:100%;} .content-comparison td,.content-comparison th{width:33.3333333%;display:inline-block;} .content-comparison td,.content-comparison th{border-right:0;padding:10px;} .price-info{border-top:0!important;padding:10px 0!important;} .content-comparison tr{border-right:0;} .content-comparison .price-now p{display:block;} .content-comparison .price-now span{font-size:var(--global--font-size-md);} } @media screen and (max-width:1000px){ .content-driverstyle .col-3{width:50%;float:left;} } @media screen and (max-width:1400px){ .home .banner .col-5 figure{right:-250px} } @media screen and (max-width:1310px){ .home .banner-card{width:100%;} } @media screen and (max-width:1000px){ .home .banner .col-7 span{font-size:var(--global--font-size-xxl);} .home .banner .col-5 figure{position:relative;right:0;} .home .banner-card .col-4{text-align:center;border-right:none;border-bottom:1px solid var(--global--color-green);padding:40px 10px;border-radius:0;} .home .banner-card .col-4.green{background:var(--global--color-green);border-radius:0 0 10px 10px;} .home .banner-card a:first-child b{height:auto;line-height:inherit;border-radius:10px 10px 0 0;} .home .row.middle{display:block;} .home .video-update{display:block;height:451px;margin:50px auto;} .home .banner-card a:first-child b:lang(en-DE){height:auto;padding-top:40px;} } .home .help nav{top:80px;} .home .sticky-sidebar{border-top:none;} @media screen and (max-width:1380px){ .navigation{width:60%;} .home .menu_item > li > a{font-size:var(--global--font-size-base);} } @media screen and (max-width:1100px){ .home .header{position:relative;} .home .logo{float:none;} .home .navbutton{position:absolute;top:24px;right:92px;} .home .m-hide-button {display: none !important;} .home .navigation{width:100%;} .home .sub-menu.fright{float:none!important;} } @media screen and (max-width:500px){ .home .navbutton a{margin-left:.4em;} .home .navbutton .btn-download{display:none;} } .why-five ul li{display:list-item;} /* fix the display issue of caprtion in the post editor*/ .wp-block-image figcaption,.wp-block-table figcaption,.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>figcaption{ /* display: table-caption; */ caption-side:bottom;color:#555d66;font-size:var(--global--font-size-xs);text-align:center;} .wp-block-image .aligncenter {clear: none ;} /*this is the end of 'fix the display issue of caprtion in the post editor' */ /* KB Categories */ .all-category h3:before{content:"";position:absolute;margin-top:24px;margin-left:-6px;width:74px;border-bottom:13px solid rgba(103,164,255,1);z-index:-1;} .all-category h3{width:100%;font-weight:var(--heading--font-weight-strong);margin:14px;display:inline-block;} .all-category ul li a{text-align:center;color:#31354e;position: absolute;left: 0;width: 100%;height: 100%;} .all-category ul li{display:inherit;margin:1em auto;float:left;width:25%;height:150px;text-align:center;position: relative;} .all-category ul li a:before{position:absolute;width:78px;display:inline-block;margin-top:10px;height:78px;left: 0;right: 0;top: 10px;margin: 0 auto;} .all-list img{transform:scale(.8);height:70px;margin-top:10px;} .all-list img:lang(en-DE), .all-list img:lang(fr-FR){margin-bottom: 20px;} .all-category ul li a:hover{text-decoration:none;color:var(--global--color-purple);} .all-category ul li a{font-size:var(--global--font-size-md);} .all-category.popular ul li,.all-list{position:relative;height:120px;margin:.5em;border-radius:6px;box-shadow:0 0 20px 0px #21334b2b;} .all-category.popular ul li a{font-size:var(--global--font-size-xs);width:100%;margin:0 auto;position: absolute;} .all-category.popular ul li a:before{transform:scale(.8);} .all-category.popular ul li:lang(fr-FR),.all-list:lang(fr-FR),.all-category.popular ul li:lang(en-DE){height:140px;} .all-category.popular ul li a p{width: 100%;font-size: var(--global--font-size-xs);position: absolute;bottom: -10px;} .all-category li.all-list a{color:var(--global--color-purple);} .cat-item a p {position: absolute;left: 0;right: 0;bottom: 6px;} @media screen and (max-width:1300px){ .row.middle:lang(en-DE){display:block;} } @media screen and (max-width:1100px){ .all-category ul li{width:30%;font-size:var(--global--font-size-xs);} .all-category ul li a{font-size:var(--global--font-size-xs);} } @media screen and (max-width:600px){ .all-category ul li{width:43%;} } /* Image enlarge */ .pakb-content img{cursor:zoom-in;} #detail-modal{justify-content:center;align-items:center;display:none;position:absolute;left:0;right:0;top:0;} #detail-modal img{display:block;position:relative;z-index:9999;cursor:zoom-out;} .bg-modal{position:fixed;left:0;top:0;right:0;background:var(--global--color-white);opacity:0;display:block;transition:opacity .3s;z-index:9999;} .wp-block-separator{ border: 1px dashed #ddd; margin: 24px 0; } .container.single-kb.template .pakb-single .wp-block-cover img.wp-block-cover__image-background{ margin:0px; } /*Mobile-the above-the-fold section of kb*/ @media screen and (max-width: 500px){ .kb-affiliate p{font-size: 14px;text-align: left;padding: 0 10px;} .kb-fullwidth.banner-img{height: 250px;} .kb-fullwidth h1.entry-title, .kb-midwidth-title h2{font-size: 24px;} .kb-fullwidth h2{font-size: 20px;} .kb-halfwidth h1.entry-title, .kb-midwidth-title h1.entry-title{font-size: 24px;} .container.single-kb.template .pakb-single ol{margin-left: 20px;} .full-avatar .tooltip, .kb-halfwidth-avatar .tooltip, .kb-midwidth-avatar .tooltip{margin-right: 8px;} .full-avatar .half-time{font-size: 14px;} .full-avatar .half-time time{top: 0;} .container.single-kb.template article ol, .container.single-kb.template article ul{margin: 20px 0;} .container.single-kb.template .pakb-content h2, .container.single-kb.template .pakb-content h3{margin: 70px 0 16px;} /*de&fr*/ .kb-fullwidth-title:lang(en-DE){bottom: 32px;} .kb-fullwidth.banner-img:lang(en-DE), .kb-fullwidth.banner-img:lang(en-FR){height: 350px;} .kb-halfwidth-avatar.row.middle:lang(en-DE){display: flex;} } @media screen and (max-width: 420px){ .full-avatar .half-time, .kb-halfwidth-avatar .half-time, .kb-midwidth-avatar .half-time{margin-top: 0;} } /* download popup */ .download-popup { position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background: black; color: white; } .lt-text { font-size: 22px; max-width: 122px; width: 100%; position: absolute; top: 57px; left: 57px; font-size: 22px; font-weight: bold; } .lt-text p, .bt-text p, .bt-text-chrome p { margin: 0; } .bt-text { font-size: 14px; position: absolute; max-width: 122px; width: 100%; bottom: 0; left: 57px; } .bt-text-chrome{ position: absolute; left: 558px; top: 73px; } .bt-text p, .bt-text-chrome p { width: 200px; font-size: 14px; } .bt-text a, .bt-text-chrome a { color: white; text-align: right; text-decoration: underline; font-size: 14px; } .d-flex { display: flex; } .flex-column { flex-direction: column; } .download-step-image { position: relative; max-width: 300px; width: 100%; } .download-step-image .stop-arrow { position: absolute; right: -386px; top: 70px; } .stop-arrow-left{ position: absolute; left: 189px; top: 113px; } .step-image-wrapper { margin-top: 57px; margin-left: 273px; gap: 0.625rem; } .step-box { position: relative; max-width: 255px; width: 255px; height: 79px; background-color: white; border-radius: 4px; } .step-box:nth-child(1) { box-sizing: border-box; border: 3px solid #67a4ff; } .step-box.step2 { height: 141px; } .step-box.step2 span { top: 24px; } .step-box.step3 span { top: 10px; } .step-box.step4 span { top: 26px; } .step-box.step3 { height: 124px; } .step-box.step4 { height: 124px; } .step-box.step4 img { top: 13px; right: 21px; } .step-box.step1::before { margin-top: 37px; } .step-box.step2::before { margin-top: 61px; } .step-box.step3::before { margin-top: 47px; } .step-box.step4::before { margin-top: 63px; } .step-box span { display: block; position: relative; z-index: 1; color: #333333; font-weight: bold; line-height: 26px; font-size: 18px; margin-top: 21px; margin-left: 18px; } .step-box img { max-width: 144px; position: absolute; top: 19px; right: 17px; } .step-box::before { content: ""; position: absolute; /* margin-top: 36px; */ margin-left: 15px; width: 56px; border-bottom: 8px solid #67a4ff; } /* Hide li and ol google adsense */ .container.single-kb.template ol > li.google-auto-placed:before {display:none!important;} .container.single-kb.template li.google-auto-placed {list-style:none!important;} .collapseButton.collapsed::before{ display: inline-block; transform: rotate(90deg); } .site-footer .site-link{ text-decoration: underline; } .disclaimer-container{ max-width: 100% !important; font-size: 13px; padding: 17px 25px 16px 31px; margin: 1rem 0; word-wrap: break-word; border-radius: 0.625rem; width: 100%; background: rgba(90, 163, 225, 0.07); display: flex; flex-direction: row; align-items: center; border-radius: 20px; } .disclaimer-container img{ padding: 0 29px 0 0; } .disclaimer-container span{ border-left: 1px solid #EAEAEA; padding-left: 22px; line-height: 30px; } @media screen and (max-width: 600px) { .disclaimer-container{ flex-direction: column; } .disclaimer-container img{ padding: 0; margin-bottom: 12px; } .disclaimer-container span{ border-left: none; border-top: 1px solid #EAEAEA; padding: 17px 0 9px 0; line-height: 25px; padding-left: 0; } }