.fa,.ukicon{display:block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-indent:0;vertical-align:middle}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ukicon{font-size:18px}
*{font-family:'Rubik',sans-serif}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
sup{font-size:60%}
h1,h2,h3,h4,h5,h6{font-weight:400;color:#222}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
h1{font-size:22px;line-height:27px;margin-bottom:20px;font-weight:400}
h1,h2{font-size:30px;line-height:35px;margin-bottom:25px;font-weight:400}
h3{font-size:24px;line-height:28px;margin-bottom:20px;font-weight:400}
h4{font-size:22px;line-height:24px;margin-bottom:10px;font-weight:400}
h5{font-size:18px;line-height:22px;margin-bottom:15px;font-style:normal;font-weight:600}
h6{font-size:15px;line-height:20px;margin-bottom:15px;font-style:normal}
h2.subhead,.eggsmodule h4,#home_price h4{font-size:22px;margin:25px 0}
h1,.page-header h1,h2,.homepage .moduletable h3,.page-header h2,.feature_inner h4{font-size:40px;line-height:38px;font-weight:300;text-align:center;margin:0 0 15px}
h1,.page-header h1{margin-top:40px}
input,textarea{font-weight:400;font-style:normal;line-height:22px;color:inherit;font-size:inherit;border:1px solid #EEE;padding:5px 1%}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus{color:#909090;border:1px solid #d0d0d0}
.clr,.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
p{font-weight:300;line-height:24px;margin:0 0 15px}
ul,ol{margin:0 0 20px;list-style-position:inside}
ul{list-style:none}
ul li{list-style:none}
ol{list-style-type:decimal;list-style-position:initial;margin:0 0 20px 50px}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0}
strong,.bold{font-weight:600}
.nopadding{padding:0!important}
.bottom_0{padding-bottom:0!important}
.button,button{text-decoration:none;text-align:center;padding:10px 20px;outline:none;cursor:pointer;background:#188de8;color:#fff;border:2px solid #188de8;border-radius:5px;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;display:inline-block;line-height:17px;font-weight:500;font-size:14px}
.button:hover,button:hover{background:#fff;border:2px solid #188de8;color:#188de8}
.bluebutton,.button.bluebutton{background:#75C52E;border:1px solid #75C52E}
.bluebutton:hover,.button.bluebutton:hover{background:#75C52E;border:1px solid #75C52E}
.whiteborder{border:1px solid #fff!important}
.blueborder{border:1px solid #75C52E}
.greentext{color:#75C52E}
.bluetext{color:#032548}
a{color:#188de8;text-decoration:none}
a:hover{text-decoration:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
.tooltip{max-width:200px;background:#000000b3;border-radius:3px;color:#fff;padding:10px;max-height:200px;line-height:20px}
.tooltip-inner{width:100%}
#system-message{margin:0;padding:0 0 10px}
#system-message-container .alert{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
.alert.alert-notice,.alert.alert-error,.alert.alert-warning{background:#FEF1EC url(../images/notice.png) 20px center no-repeat;border:1px solid #CD0A0A;color:#CD0A0A;padding:5px 5px 5px 40px}
.alert p{font-weight:700;margin-bottom:0}
.alert.alert-message{background:#E7FFBD url(../images/alert.png) 20px center no-repeat;border:1px solid #619C00;color:#619C00;padding:5px 5px 5px 40px}
.divinner,div.fastsocialshare_container{max-width:1200px;margin:0 auto}
.float-left,.pull-left{float:left}
.float-right,.pull-right{float:right}
img{max-width:100%;width:auto \9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
.centeralign{text-align:center}
.leftalign{text-align:left}
.span1{width:10%}
.span2{width:20%}
.span3{width:30%}
.span4{width:40%}
.span5{width:50%}
.span6{width:60%}
.span7{width:70%}
.span8{width:80%}
.span9{width:90%}
.span10{width:100%}
div#system-message h4{display:none}
div#system-message a.close{float:right}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{color:#333;font-size:15px;font-weight:400;line-height:24px;margin:0;background:#fff;font-family:'Rubik',sans-serif}
body.homepage #wrapper{padding-top:0}
#header{padding:0;position:fixed;top:0;left:0;z-index:999;background:#fff;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.fixedheader #header{top:0;z-index:99999}
#headerleft{float:left}
#headerright{margin-left:150px;text-align:right}
#mainmenu{background:url(../images/menu_bg.png);width:100%;float:left;position:fixed;padding:0;z-index:999}
#innermenu{width:980px;margin:0 auto}
#logo{float:left;width:200px;padding:10px 0}
#logo img{display:block}
#topmenu{float:right}
#topmenu ul{margin:0}
#topmenu li ul.submenu{display:none;position:absolute;background:#fff;box-shadow:#24324233 0 3px 5px;animation-delay:.05s;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
#topmenu li ul.submenu li a{line-height:20px;font-size:15px;margin:0 10px;min-width:225px;padding:10px 5px;border-bottom:1px solid #f3f9ff}
#topmenu li ul.submenu li:hover{background:#f3f9ff}
#topmenu li.hasmenu:hover ul.submenu{display:block}
#topmenu li{float:left;margin-left:1px;text-align:left;position:relative}
#topmenu ul li a:hover,#topmenu ul li a.active{color:#188de8}
#topmenu ul li a{color:#333;display:block;line-height:65px;padding:0 15px;font-size:16px;font-weight:400}
#topmenu ul li.menu_trial,#topmenu ul li.menu_trial:hover{background:none}
#topmenu ul li a.free_trial,#mob_buydemo .button,#topmenu ul li.menu_trial a.active{color:#fff;background:#188de8;border-radius:50px;line-height:20px;padding:8px 28px;margin:12px 0 15px 10px;border:2px solid #188de8;font-weight:500;font-size:14px}
#topmenu ul li a.free_trial:hover{background:#75C52E;border:1px solid #75C52E}
#topmenu li.menu_trial.active a{background:#75C52E}
#pathway{float:left;width:100%;background:#f5f5f5;border-bottom:1px solid #fff}
.hidden{visibility:hidden}
.page-header h2:after{content:"";display:none;border:2px solid #fcb549;width:50px;margin:20px auto}
.mainrow .row{padding:70px 0 60px}
.mainrow.hrmslifecycle .row{padding:35px 0 25px}
#clientele .row{padding:0}
.mainrow h2,#clients h3,#offerings h3{margin-top:0;margin-bottom:15px}
#clients{background:#ecf5fa}
#slider_clients ul{text-align:center}
#slider_clients ul li{border:1px solid #ccc;vertical-align:middle;padding:10px;position:relative;background:#fff;box-sizing:border-box;margin-bottom:20px}
#clientele{text-align:center}
#clientele #slider_clients{margin-top:50px;margin-bottom:50px}
#clients ul li img{-webkit-filter:grayscale(1);-moz-filter:grayscale(1);filter:grayscale(1);cursor:pointer}
#clients ul li:hover img{-webkit-filter:initial;-moz-filter:initial;filter:initial}
body.clientpage #slider_clients ul li{margin:0 30px 30px}
#clients .custom>div>a{display:inline-block}
.addons{position:relative;border-bottom:1px solid #e7eef4}
.addons:before{content:"";background:#188de8;position:absolute;left:0;top:0;width:50%;height:100%;display:block;border-top-right-radius:20px;border-bottom-right-radius:20px}
.addons .left-sec{position:relative;z-index:999;color:#fff;padding-right:80px;box-sizing:border-box}
.addons .left-sec h3{color:#fff;font-weight:500;margin:40px 0 30px}
.button.white-border{box-shadow:none;border-color:#ffff;padding:10px 40px;margin-top:25px}
.button.white-border-btn{border-color:#ffff;background:#fff;color:#188de8}
.addons .right-sec{padding-left:40px}
.addons .right-sec .flexbox .info-text{width:calc(100% - 100px)}
.addons .right-sec .flexbox .flex-img{text-align:center;width:90px}
.addons .right-sec .flexbox{justify-content:space-between;margin-bottom:20px}
.addons.hrmslifecycle .right-sec .flexbox{margin-bottom:15px}
.addons .right-sec .flexbox h5{color:#17476d;font-weight:500}
.addons.hrmslifecycle .right-sec .flexbox h5{margin-bottom:10px}
.addons .right-sec .flexbox:last-child{margin-bottom:0}
#home_testimonials .slides{min-height:400px}
#home_testimonials .flexslider li>img{min-height:20px;width:1px}
#home_testimonials .flexslider{background:none!important}
#home_testimonials .flexslider .flex-caption{max-width:1100px;margin:0 auto}
#home_testimonials .flex-caption>p{color:#fff;max-width:600px;clear:both}
#home_testimonials .flex-caption>p.testi_text{border-top:1px solid #fff;padding:20px;border-bottom:1px solid #fff;min-height:108px}
#home_testimonials .flex-caption span.testi_author{color:#fff;padding-top:10px;font-size:16px;display:block}
p.testi_icon{background:url(../images/testiicon.png) 50% 0 no-repeat;padding-top:40px;margin-top:30px}
#home_testimonials .flex-direction-nav a{background-color:#333}
#home_testimonials .flex-direction-nav a:hover{background-color:#31a1ff}
span.testi_pic{float:left;margin:0 20px 10px 0}
.flexslider span.testi_pic img{width:auto;float:left;border:2px solid;border-radius:100%;padding:2px}
#wrapper{margin:0 auto;width:100%;position:relative;padding-top:120px}
.landing_hrms #wrapper{padding-top:0}
#wrapper.paddingtop{padding-top:65px}
#loginmenu{float:right;text-align:right;height:44px}
#area{width:100%}
#bottom{padding:50px 0 0;float:left;width:100%;background:#fff}
#bottominner{width:980px;margin:0 auto}
#bottom h3{background:none;font-size:19px;line-height:28px;margin:0 auto 20px;display:inline-block;font-weight:700;width:100%;border-bottom:2px solid #0000000d;padding-bottom:10px}
ul.newsflash-vert li{margin-bottom:15px}
.feeddate{margin:0 10px 10px 0;float:left;width:50px;font-size:20px;line-height:20px;font-weight:600}
h4.newsflash-title{font-size:13px;line-height:16px}
.feedcontent a{display:block}
.month{clear:both;display:block;font-size:13px;line-height:14px;text-transform:uppercase}
#bottom1,#bottom2,#bottom3,#bottom4{width:22%;float:left}
#bottom1{width:34%}
#bottom1>.module,#bottom2>.module,#bottom3>.module{margin-right:40px}
#bottom5 .social{display:block;width:auto;margin:10px auto;text-align:center}
.ico-social{width:30px;height:30px;margin:5px 5px 10px;text-align:center;vertical-align:middle;text-indent:-9999px;font-size:0;background-position:left top;background-repeat:no-repeat;text-decoration:none;display:inline-block!important;background-image:url(/https/uknowva.com/images/social_icons.png);text-align:left!important;-webkit-transition:background .25s ease-out!important;-moz-transition:background .25s ease-out!important;-o-transition:background .25s ease-out!important;transition:background .25s ease-out!important;opacity:.6}
.ico-rss{background-position:0 0}
.ico-facebooks{background-position:-43px 0}
.ico-twitters{background-position:-87px 0}
.ico-linkedin{background-position:-130px 0}
.ico-google{background-position:-173px 0}
.ico-rss:hover{background-position:0 -60px}
.ico-facebooks:hover{background-position:-43px -40px}
.ico-twitters:hover{background-position:-87px -40px}
.ico-linkedin:hover{background-position:-130px -40px}
.ico-google:hover{background-position:-173px -40px}
#bottom5 h3{width:100%;background:url(../images/line-through.gif) left 50% repeat-x;color:#888;font-size:14px;text-transform:uppercase}
#bottom2 li,#bottom3 li,#bottom4 li{margin-bottom:10px;padding-left:25px;background:url(../images/dot_orange.png) left 4px no-repeat;font-size:12px;background-size:6px}
#bottom li.item-272,#bottom li.item-271{display:none}
#bottom2 li a,#bottom3 li a,#bottom4 li a{color:#333;font-size:13px;display:block;line-height:15px}
.client_name{color:#75C52E;font-style:italic;font-size:14px!important;text-align:right!important;line-height:20px!important;background:none!important}
#bottom3 h2{text-align:justify!important}
#bottom p{font-size:12px;margin:5px 0}
#bottom a:hover,#bottom li.active a{color:#188de8}
.fb_iframe_widget{max-width:100%!important;overflow:hidden!important}
.readmore a:hover{color:#75C52E}
.acymailing_module .inputbox{background:#000;border:1px solid #2a2a2a;width:98%;padding:7px 1%}
#footer{padding:10px 0;float:left;width:100%;background:#fff}
#footerinner{width:980px;margin:0 auto}
#footer_l{float:left;width:80%}
#footer_r{float:right;width:20%;text-align:right;color:#888E95;margin:10px 0}
#footer_l ul{list-style:none;float:left;width:100%;padding:0;margin:10px 0}
#footer_l li{float:left;color:#333}
#footer_l li.item-118 a{border:0}
#footer_l a{color:#888E95;padding:0 10px;border-right:1px solid #689FB4;font-size:12px}
#footer_r a{color:#888E95;font-size:15px}
div#footerspacer{height:10px}
#leftsidebar{position:fixed;left:0;top:43%;z-index:9999}
#bottomsidebar{text-align:center;z-index:9999;position:fixed;bottom:0;left:50%;margin-left:-65px;display:none}
.readmore a{font-size:11px;color:#75C52E;text-align:right;display:block;text-decoration:underline}
.featureslist>div a{display:block}
.mainfeatureslist .featuretitle{color:#0e489e;font-size:18px;text-transform:capitalize;text-align:center;display:block;margin:25px 0 10px;font-weight:600}
div.mainfeatureslist #other-features span.featuretitle::before{height:72px;width:74px;content:'';background-image:url(/https/uknowva.com/images/hrms-sprite.png);display:block;background-repeat:no-repeat;margin:auto}
div.mainfeatureslist #other-features .features-attendance span.featuretitle::before{background-position:-292px -286px}
div.mainfeatureslist #other-features .features-leave span.featuretitle::before{background-position:-198px -10px}
div.mainfeatureslist #other-features .features-time span.featuretitle::before{background-position:-104px -10px}
div.mainfeatureslist #other-features .features-travel span.featuretitle::before{background-position:-10px -10px}
div.mainfeatureslist #other-features .features-salary span.featuretitle::before{background-position:-104px -102px}
div.mainfeatureslist #other-features .features-appraisal span.featuretitle::before{background-position:-198px -286px}
div.mainfeatureslist #other-features .features-helpdesk span.featuretitle::before{background-position:-104px -194px}
div.mainfeatureslist #other-features .features-knowledge span.featuretitle::before{background-position:-10px -194px}
div.mainfeatureslist #other-features .features-calendar span.featuretitle::before{background-position:-292px -194px}
div.mainfeatureslist #other-features .features-workflow span.featuretitle::before{background-position:-104px -286px}
div.mainfeatureslist #other-features .features-mobile span.featuretitle::before{background-position:-10px -286px}
div.mainfeatureslist #other-features .features-employee span.featuretitle::before{background-position:-292px -10px}
div.mainfeatureslist #other-features .features-collaborate span.featuretitle::before{background-position:-292px -102px}
div.mainfeatureslist #other-features .features-messenger span.featuretitle::before{background-position:-198px -102px}
div.mainfeatureslist #other-features .features-profile span.featuretitle::before{background-position:-198px -194px}
div.mainfeatureslist #other-features .features-intranet span.featuretitle::before{background-position:-10px -102px}
.moduletable.pricing-call{padding:20px 0 0}
span.border-heading{border:2px solid #1947a1;width:50px;display:block;margin:auto}
.featureslist.mainfeatures>div>h2{margin:50px 0}
span.feature_desc{color:#333;display:block;text-align:center;min-height:40px;overflow:hidden;margin-bottom:15px}
.featureslist{text-align:center}
.featureslist>div>div{width:28%;margin:0 2% 50px;display:inline-block;vertical-align:top}
.featureslist>div a:hover span.featuretitle{color:#75C52E}
.featureslist .ukicon{color:transparent;font-size:25px}
.featureslist .ukicon:before{color:#75C52E;content:"\f002"}
.features-leave .ukicon:before{content:"\f0a2"}
.features-attendance .ukicon:before{content:"\f256"}
.features-appraisal .ukicon:before{content:"\f005";content:\f091}
.features-time .ukicon:before{content:"\f017"}
.features-salary .ukicon:before{content:"\f0d6"}
.features-workflows .ukicon:before{content:"\f15c"}
.features-helpdesk .ukicon:before{content:"\f1cd"}
.features-profile .ukicon:before{content:"\f007"}
.features-directory .ukicon:before{content:"\f0c0"}
.features-calendar .ukicon:before{content:"\f073"}
.features-employee .ukicon:before{content:"\f0c0"}
.features-knowledge .ukicon:before{content:"\f0eb"}
.features-collaborate .ukicon:before{content:"\f085"}
.features-mobile .ukicon:before{content:"\f10b"}
.loaderbg{position:absolute;background:#eee;z-index:90;width:100%;height:100%;margin:0;opacity:.7;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70);top:0;left:0}
.successmessage{position:absolute;z-index:999999;margin:10px 30px;left:0;top:30%;width:86%;background:#E7FFBD url(../images/successicon.png) 20px center no-repeat;border:1px solid #619C00;color:#619C00;padding:20px 2%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-weight:700;text-shadow:1px 1px 1px #fff}
.errormessage{position:absolute;z-index:999999;margin:10px 30px;left:0;top:30%;width:86%;background:#FEF1EC url(../images/erroricon.png) 20px center no-repeat;border:1px solid #CD0A0A;color:#CD0A0A;padding:20px 2%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-weight:700;text-shadow:1px 1px 1px #fff}
.errormessage>div{padding-left:50px}
#progressText{color:#000;font-weight:700;font-size:15px;text-align:center;width:100%;display:block;text-shadow:1px 1px 1px #fff}
#progressBar{width:88%;height:28px;background:#1a1a1a url(../images/progressbarbgblack.jpg) repeat-x;-moz-box-shadow:0 1px 5px #000 inset,0 1px 0 #444;-webkit-box-shadow:0 1px 5px #000 inset,0 1px 0 #444;box-shadow:0 1px 5px #000 inset,0 1px 0 #444;padding:3px 1%;position:absolute;top:30%;left:0;z-index:999999;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;margin:0 5%}
#progressBar div{height:27px;color:#fff;text-align:right;line-height:27px;width:0;border:1px solid #c5096f;background-color:#c5096f;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-webkit-transition:width .4s ease-in-out;-moz-transition:width .4s ease-in-out;-ms-transition:width .4s ease-in-out;-o-transition:width .4s ease-in-out;transition:width .4s ease-in-out;animation:animate-stripes 2s linear infinite;-webkit-animation:animate-stripes 2s linear infinite;-moz-animation:animate-stripes 2s linear infinite}
.stripes div{-webkit-background-size:30px 30px;-moz-background-size:30px 30px;background-size:30px 30px;background-image:-webkit-gradient(linear,left top,right bottom,color-stop(.25,#ffffff26),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,#ffffff26),color-stop(.75,#ffffff26),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(135deg,#ffffff26 25%,transparent 25%,transparent 50%,#ffffff26 50%,#ffffff26 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(135deg,#ffffff26 25%,transparent 25%,transparent 50%,#ffffff26 50%,#ffffff26 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(135deg,#ffffff26 25%,transparent 25%,transparent 50%,#ffffff26 50%,#ffffff26 75%,transparent 75%,transparent);background-image:-o-linear-gradient(135deg,#ffffff26 25%,transparent 25%,transparent 50%,#ffffff26 50%,#ffffff26 75%,transparent 75%,transparent);background-image:linear-gradient(135deg,#ffffff26 25%,transparent 25%,transparent 50%,#ffffff26 50%,#ffffff26 75%,transparent 75%,transparent);-webkit-animation:animate-stripes 3s linear infinite;-moz-animation:animate-stripes 3s linear infinite}
@keyframes animate-stripes {
0%{background-position:0 0}
100%{background-position:60px 0}
}
@-webkit-keyframes animate-stripes {
0%{background-position:0 0}
100%{background-position:60px 0}
}
@-moz-keyframes animate-stripes {
0%{background-position:0 0}
100%{background-position:60px 0}
}
#footer_l li:first-child a{padding-left:0}
#footer_l li{display:inline;float:none}
.intranet-brochure{display:none}
.invoices-brochure{display:none}
.thanks-wrap{max-width:650px;padding:50px 0;margin:0 auto}
.thanks-wrap h3{font-size:40px;line-height:50px;color:#75C52E}
.thanks-wrap p{font-size:16px;line-height:26px}
.custom.hello>p,#clients p.cust_subheading,#home_price p.cust_subheading,body.planspricing p.cust_subheading,body.clientpage p.cust_subheading{margin-bottom:40px;text-align:center}
#landingbanner{padding-top:95px;background:url(../images/uknowva_bg.png) 50% 65px no-repeat fixed;background-size:100%;position:relative;background:none}
#landingbanner h1{margin:40px 0 15px}
#landingbanner h2{margin:50px 0;text-align:center;font-size:44px;color:#002b56;font-weight:300;line-height:50px}
.scoll_box{display:inline-block;height:55px;overflow:hidden;vertical-align:middle;text-align:left}
.scoll_box ul{animation:scrollUp 6s infinite}
@keyframes scrollUp {
5%,30%{transform:translateY(-26%)}
35%,65%{transform:translateY(-50%)}
70%,100%{transform:translateY(-76%)}
}
.bluecolor{color:#108ae6}
.greencolor{color:#1bcb84}
.yellowcolor{color:#fed203}
.orangecolor{color:#ff6767}
#landingbanner .divinner{position:relative}
#landingbanner .overlay{position:absolute;width:100%;height:100%;left:0;top:0;opacity:.5}
#landingbanner .form-text p{text-align:center;margin-bottom:15px;font-weight:400}
#landingbanner h4{color:#333;text-align:center;margin:15px 0 25px;font-size:16px;line-height:18px}
.hrms_video{position:relative}
.hrms_video>div{background:#509dd5 url(../images/ajax-loader.gif) 50% 50% no-repeat;max-width:900px;margin:0 auto}
.hrms_video>div>div{position:relative;padding-bottom:56.25%;padding-top:0;height:0}
.hrms_video iframe{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}
#hrmsformul,#hrmsformbottomul{text-align:center}
#landingbanner ul.hrms li,#hrmsformbottomul li{display:inline-block;position:relative}
#hrmsformbottomul>li{width:48%}
#hrmsformbottomul li.fullwidth{display:block;width:100%}
#hrmsformul input.inputbox,#hrmsformbottomul input.inputbox{padding:7px 10px;background:#fff;border:1px solid #188de8;margin:10px auto;color:#111;box-sizing:border-box;max-width:100%}
ul#hrmsformul>li>.inputbox{width:90%;margin:10px 5%}
ul.hrms label.error{position:absolute;left:10px;bottom:-24px;color:red}
.row.box-hrms-blue{background:#ecf5fa}
.row.center2{background-color:#ecf5fa}
.custom.pricing-call{text-align:center}
.pricing-call span{padding:0 50px}
.pricing-call h3{text-align:center;font-size:18px;margin-bottom:0}
.side-img{position:relative;margin:0 50px}
.side-img img{max-width:80%}
img.screen1{position:absolute;bottom:0;left:100px;border-bottom:0;z-index:2;max-width:20%}
img.screen2{border-bottom:0;z-index:1;position:relative}
img.screen3{position:absolute;bottom:0;right:100px;border-bottom:0;z-index:3;max-width:20%}
img.screen4{border:2px solid green;border-bottom:0;display:none}
a.formclose{text-decoration:underline;color:#188de8;text-transform:uppercase;font-size:12px;font-weight:600;display:inline-block;padding:5px 20px}
#features{background:#fff}
#pricing{overflow:hidden;width:100%}
#pricing p{text-align:center}
#pricing p.currency-sec{margin:25px 0 30px}
body.features-hrms #pricing .divinner{min-height:0}
body.features-hrms .row.pricing{padding:0}
body.features-hrms #pricing .divinner .section-head,body.features-hrms #pricing .divinner .subhead{display:none}
.buycall{max-width:800px;margin:0 auto}
.freeuser,.paiduser{width:48%;float:left;border:2px solid #d2d2d2}
.freeuser{margin-right:2%}
.paiduser{border-left:1px solid #ccc}
.buypricing>div,.callpricing>div{margin:30px auto}
.cur_selection a{display:inline-block;font-size:22px;padding:10px 15px;border:2px solid #188de8;margin:0 10px;color:#188de8;border-radius:5px;cursor:pointer}
#pricing span.amt{color:#3852a1;font-size:30px;display:block;line-height:50px;font-weight:700;margin-bottom:0}
span.currancy{font-size:20px;font-weight:100;line-height:20px;position:relative;display:inline-block;top:-15px}
.buypricing h3{text-align:center;text-transform:uppercase;font-size:16px;font-weight:700;margin-bottom:0;color:#0289c1;display:none}
.buypricing ul li{padding:7px 20px}
span.permonth{font-size:14px;font-weight:400;line-height:15px}
.cur_amt p{font-size:18px}
.cur_amt{display:none;text-align:center}
.cur_amt-new{display:block}
.cur_amt.active{display:block}
#pricing .divinner{min-height:530px;position:relative}
.callpricing{margin-top:10px;padding-top:10px}
.buypricing .button,.callpricing .button{display:inline-block;margin:10px auto}
.moduletable.bottomform{display:none;text-align:center;width:100%;background-color:#ecf5fa;margin:20px auto;padding:20px;max-width:450px;border-radius:3px;box-sizing:border-box;position:fixed;top:50%;left:50%;z-index:100000;transform:translate(-50%,-50%)}
#hrmsformbottomul>li,#hrmsformbottomul li.fullwidth{width:93%;display:block}
.customappformdiv{position:relative}
.customappformdiv a.formclose{position:absolute;right:-15px;top:-13px;padding:0}
#pricing .customappformdiv p{text-align:left}
ul#hrmsformbottomul{margin-left:25px}
.moduletable.bottomform .form-text p{font-weight:600}
#home_appstore h3{text-align:center}
#home_appstore .custom{overflow:hidden}
.appstore{display:flex;flex-flow:row nowrap;align-items:center}
.appstore .store{display:inline-block;width:200px;height:190px;margin:50px 10px;background:#d6faec;padding:30px 20px 20px;box-sizing:border-box;border-radius:15px;position:relative}
.appstore .store h5{font-weight:400;color:#1c4972;margin:20px 0 0;min-height:50px;font-size:16px}
.appstore .store .storelink{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer}
.appstore .store .arrow{background:url(/https/uknowva.com/images/sprite-img.png) no-repeat;text-align:right;display:block;background-size:600px;background-position:-245px -170px;height:35px;width:30px;position:absolute;right:25px}
.appstore .store img{max-width:none;height:40px;width:auto}
.appstore .store:nth-of-type(2n){background:#ddeefe}
#home_appstore .right-div h3{text-align:left}
.left-div{float:left;width:50%}
.right-div p{margin-bottom:30px}
.right-div{width:48%;float:right}
.left-div img{margin-bottom:-70px}
.head_divider{display:none}
#offerings ul.nav-child{text-align:center}
#offerings li{display:inline-block;margin:10px 5%}
#offerings li a:hover>.prod_img{background:#75C52E}
#offerings li a{display:block;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in}
#offerings li .prod_img{padding:20px;background:#ddd;border-radius:100px}
#offerings li a span{display:block;font-size:20px;color:#333;text-transform:uppercase;margin:10px 0}
#brainchild{padding:10px 0;text-align:center;font-size:20px;font-weight:300;line-height:40px;float:left;width:100%;background:#eeeeef;display:none}
#brainchild a{font-weight:500}
#brainchild span{font-weight:500;padding:0 20px;font-size:30px;line-height:40px;display:inline-block}
#offerings-header{border:0;background:#fff;position:fixed;top:0;left:0;z-index:9999;font-size:12px;color:#666}
#offerings-header .offerings_title{display:inline-block;padding:5px 20px;background:#eee;margin-right:20px;line-height:20px}
#offerings-header ul.offerings_items{display:inline-block;margin:0}
#offerings-header li{display:inline-block}
#offerings-header li a:hover{color:#75C52E}
#offerings-header li a{display:block;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;padding:5px 20px;color:#666}
.offerings_email a{display:block;padding:5px 10px;float:left;color:#666}
#offerings-header li .prod_img{padding:20px;background:#ddd;border-radius:100px}
#offerings-header li a span{display:block;font-size:20px;color:#333;text-transform:uppercase;margin:10px 0}
.offerings_email .apple-icon{background:url(../images/apple1.png) no-repeat center;background-size:25px;padding-top:25px;width:10px;margin:0 6px}
.offerings_email .android-icon{background:url(../images/android1.png) no-repeat center;background-size:25px;padding-top:25px;width:10px}
.bottom-apple-store,.bottom-android-store{display:inline-block;margin:0 2% 10px 0;max-width:47%}
#awardtabs{list-style:none;padding:0;margin:0 auto;text-align:center}
ul#awardtabs li span{padding-bottom:10px;display:block;font-weight:400}
#awardtabs li{display:inline-block;background:url(../images/recognize_1.png) 50% 0 no-repeat;margin:0;cursor:pointer;width:23%;padding:8px;background-position:50% 25px}
#awardtabs li.active{background:url(../images/Recognized.png) 50% 0 no-repeat;background-position:50% 25px}
#awardtabs li a{cursor:default;border:1px solid #eee;text-decoration:none;outline:none;color:#333;font-size:18px;text-transform:uppercase;display:block;line-height:25px;font-weight:700;text-align:center}
#awardtabs li a img{padding:108px 0 20px}
#awardtabs li a:hover{color:#188de8}
#awardtabs li.active a{color:#188de8}
.awardtabs_content_container{border:0;padding:0 10px;max-width:960px;margin:0 auto;text-align:center}
.tab_content{display:none;padding:0 50px 20px;min-height:120px}
.tab_content img,span.awards_res_year{display:none}
.tab_content a{margin:20px}
#apps .com-main{margin-bottom:0}
.landing_offering{max-width:600px;margin:0 auto;padding:20px 0 0}
.landing_offering ul{margin:0}
.landing_offering li{width:33%;float:left}
.landing_offering a,.landing_offering a span{display:block;text-align:center;font-weight:600}
.landing_offering a span{padding-top:10px}
.bottompricing .callpricing{background-color:#ecf5fa;font-size:18px;font-weight:600;background-color:#ecf5fa;margin:30px -999px 0;padding:10px 999px;text-align:center}
.bottompricing .callpricing span{padding:0 50px}
#pricing.mainrow .row{padding-bottom:0}
.client-btn{text-align:center}
img.img-icon{margin-top:15px}
.com-images-mobile{display:none}
#features .com-content,#features .com-images{vertical-align:middle}
.com-content>p{margin-bottom:25px}
.com-main{margin-bottom:60px}
.com-more h2{margin:0;margin-bottom:25px}
.com-more .container{text-align:center}
.com-leftmore{width:25%;float:left}
span.com-head{display:block;margin:20px 0 0;color:#333;font-weight:600}
.com-center span:after{content:"";border:2px solid #1a47a1;display:block;width:50px;margin:20px auto}
.com-right{text-align:right}
.com-left p:after,.com-right p:after{content:'';border-bottom:4px solid #7fc340;display:block;width:50px;padding-top:20px}
.com-right p:after{border-bottom:4px solid #1a47a1}
.item-page .com-content ul{margin:0}
.item-page .com-content ul li{position:relative;padding-left:20px;margin-bottom:10px}
body.features-hrms .item-page .com-content ul li{padding:0}
.item-page .com-content ul li:before{content:"";position:absolute;width:7px;height:7px;border-radius:7px;left:0;top:7px;background:#188de8}
.item-page .com-content ul.custom-bullets.no-bullets li:before{display:none}
.item-page .com-content .com-contentlink{margin:30px 0}
.item-page .com-content .com-contentlink p{text-align:left}
#virtual-biometric{padding-top:50px}
.com-contentlink a{display:inline-block}
.item-page .com-content .com-contentlink a.btn-link{text-align:center;padding:10px 0;font-weight:600}
span.getstartedspan{display:inline-block;margin:0 10px}
.wrapper-landing.mobile-app-content{margin-bottom:30px}
.callpricing.row.box-hrms-blue span.callpricingspan{padding:0 105px;box-sizing:border-box;width:60%;display:inline-block;color:#fff}
span.callpricingspan{vertical-align:middle;color:#525252;font-weight:400;font-size:20px}
.callpricing.row.box-hrms-blue,.hrms-for-govt-india.row.box-hrms-blue{padding:10px 0;background:#188de8 url(../images/cta_bg.jpg) no-repeat 0 0;background-size:cover}
.hrms-for-govt-india.row.box-hrms-blue{padding:50px 0}
.hrms-for-govt-india.row.box-hrms-blue h2,.hrms-for-govt-india.row.box-hrms-blue h1{max-width:1100px;text-align:left;display:inline-block;width:40%;vertical-align:middle}
.hrms-for-govt-india.row.box-hrms-blue span{box-sizing:border-box;display:inline-block;color:#fff;line-height:45px;vertical-align:middle}
.callpricing.row.box-hrms-blue .button:hover,.hrms-for-govt-india .button:hover{background:#fff;color:#fcb549}
.callpricing.row.box-hrms-blue .button,.hrms-for-govt-india .button{background:#fcb549;border-color:#fcb549}
.hrms-for-govt-india .button{margin:40px auto;clear:both;max-width:120px;display:block}
#testi_slideshow{max-width:100%;margin:0 auto;margin:0;padding:0}
#home_testimonials .flexslider li>img{min-height:20px;width:1px}
#home_testimonials .flexslider{background:none!important}
#home_testimonials .flexslider .flex-caption{max-width:1100px;margin:0 auto}
#home_testimonials .flex-caption>p{color:#fff;max-width:600px;clear:both}
#home_testimonials .flex-caption>p.testi_text{border-top:1px solid #fff;padding:20px;border-bottom:1px solid #fff;min-height:108px}
#home_testimonials .flex-caption span.testi_author{color:#fff;padding-top:10px;font-size:16px;display:block}
#home_testimonials p.testi_icon{background:url(../images/testiicon.png) 50% 0 no-repeat;padding-top:40px;margin-top:30px}
#home_testimonials .flex-direction-nav a{background-color:#333}
#home_testimonials .flex-direction-nav a:hover{background-color:#31a1ff}
#home_testimonials span.testi_pic{float:left;margin:0 20px 10px 0}
#home_testimonials .flexslider span.testi_pic img{width:auto;float:left;border:2px solid;border-radius:100%;padding:2px}
#home_testimonials .rsSlide{background:#fff}
#home_testimonials .testi_slideinner{max-width:1100px;margin:0 auto}
#home_testimonials .testi_speak{float:left;width:42%;margin-left:3%}
#home_testimonials .testi_img{float:right;width:47%;margin-right:3%}
#home_testimonials .testi_data{padding-bottom:0}
#home_testimonials .rsOverflow{min-height:400px}
#testi_slider h3{text-align:left;margin:20px 0;color:#000;font-size:22px}
.testi_data p{font-size:14px}
#testi_slider .rsContent{padding:0;max-width:1000px;margin:0 auto;min-height:420px}
#testi_slider .rsContent:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.testi_speak .testi_author{display:block;font-weight:400;font-style:italic;margin:10px 0;font-size:15px}
.testi_rsNav{z-index:99;max-width:1000px;margin:0 auto;min-width:120px}
.testi_rsNav a{width:36px;height:36px;text-indent:-9999px;background-image:url(../images/nav_arrows.png);background-repeat:no-repeat;margin-right:20px;display:inline-block}
.testi_rsNav a:hover{background-color:#ffffff80}
a.testi_prev-arrow{background-position:0 -50px;margin-left:3%}
a.testi_next-arrow{background-position:-50px -50px}
.testi_pic img{padding:5px;border:2px solid #ecf5fa;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}
.royalSlider{width:100%;min-height:205px;position:relative;direction:ltr;z-index:99}
.royalSlider>*{float:left}
.rsFade.rsWebkit3d .rsSlide,.rsFade.rsWebkit3d img,.rsFade.rsWebkit3d .rsContainer{-webkit-transform:none}
.rsOverflow{width:100%;height:100%;position:relative;overflow:hidden;float:left;-webkit-tap-highlight-color:#0000}
.rsVisibleNearbyWrap{width:100%;height:100%;position:relative;overflow:hidden;left:0;top:0;-webkit-tap-highlight-color:#0000}
.rsVisibleNearbyWrap .rsOverflow{position:absolute;left:0;top:0}
.rsContainer{position:relative;width:100%;height:100%;-webkit-tap-highlight-color:#0000}
.rsArrow,.rsThumbsArrow{cursor:pointer}
.rsThumb{float:left;position:relative}
.rsArrow,.rsNav,.rsThumbsArrow{opacity:1;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear}
.rsHidden{opacity:0;visibility:hidden;-webkit-transition:visibility 0 linear 0.3s,opacity .3s linear;-moz-transition:visibility 0 linear 0.3s,opacity .3s linear;-o-transition:visibility 0 linear 0.3s,opacity .3s linear;transition:visibility 0 linear 0.3s,opacity .3s linear}
.rsGCaption{width:100%;float:left;text-align:center}
.royalSlider.rsFullscreen{position:fixed!important;height:auto!important;width:auto!important;margin:0!important;padding:0!important;z-index:2147483647!important;top:0!important;left:0!important;bottom:0!important;right:0!important}
.royalSlider .rsSlide.rsFakePreloader{opacity:1!important;-webkit-transition:0;-moz-transition:0;-o-transition:0;transition:0;display:none}
.rsSlide{position:absolute;left:0;top:0;display:block;overflow:hidden;height:100%;width:100%}
.royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide{height:auto}
.rsContent{width:100%;height:100%;position:relative}
.rsPreloader{position:absolute;z-index:0}
.rsNav{-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}
.rsNavItem{-webkit-tap-highlight-color:#00000040}
.rsThumbs{cursor:pointer;position:relative;overflow:hidden;float:left;z-index:22}
.rsTabs{float:left;background:none!important}
.rsTabs,.rsThumbs{-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:#0000}
.rsVideoContainer{width:auto;height:auto;line-height:0;position:relative}
.rsVideoFrameHolder{position:absolute;left:0;top:0;background:#141414;opacity:0;-webkit-transition:.3s}
.rsVideoFrameHolder.rsVideoActive{opacity:1}
.rsVideoContainer iframe,.rsVideoContainer video,.rsVideoContainer embed,.rsVideoContainer .rsVideoObj{position:absolute;z-index:50;left:0;top:0;width:100%;height:100%}
.rsVideoContainer.rsIOSVideo iframe,.rsVideoContainer.rsIOSVideo video,.rsVideoContainer.rsIOSVideo embed{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:44px}
.rsABlock{position:absolute;z-index:15}
img.rsImg{max-width:none}
.grab-cursor{cursor:url(grab.png) 8 8,move}
.grabbing-cursor{cursor:url(grabbing.png) 8 8,move}
.rsNoDrag{cursor:auto}
.rsLink{left:0;top:0;position:absolute;width:100%;height:100%;display:block;z-index:20;background:url(blank.gif)}
ul.nav.menu.resources-menu li.item-102{display:none}
.gif-img{width:80%}
.recycle-dnone{display:none}
.overlay{background-color:#0007;width:100%;height:100%;top:0;right:0;bottom:0;left:0;position:fixed;z-index:99;display:block}
.feature-img{float:left;margin:0 20px 20px 0;max-width:50%}
.prof-div{margin-left:55%;padding-top:50px}
#mobnav-btn{display:none;padding:20px;cursor:pointer;float:right}
#mob_buydemo{float:right}
#mob_buydemo .button{padding:5px 10px;font-size:14px}
.mobnav-subarrow,#mob_buydemo{display:none}
.hide-left-bar{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.flexbox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;-webkit-align-items:start;-ms-flex-align:start;align-items:start;justify-content:space-around}
.just_cont,.hrms-features-list-assets .flexbox.just_cont{justify-content:space-between}
.justify-end{justify-content:flex-end}
.nojustify{justify-content:normal}
.flexbox.streched{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}
.flexbox.aligncenter{-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flexbox .col3{width:calc(33.33% - 30px);padding:20px 0;box-sizing:border-box;margin:15px 0}
.flexbox .col2{width:calc(50% - 20px)}
.addons .left-sec img,.addons .left-sec lottie-player{max-width:320px}
.bluetext{color:#124c7a}
.pageloader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(../images/uKnovwa-splash-screen.gif) 50% 50% no-repeat #fff;background-size:400px}
.newsletter-subcription{color:#333;background:#f5f5f5;padding:25px 20px;border-radius:5px;margin-bottom:40px}
.newsletter-form-input{border:0;min-width:375px;padding:10px;box-sizing:border-box}
.newsletter-subcription-wrap{justify-content:space-between;align-items:center}
.newsletter-form{padding:0;border-radius:50px;overflow:hidden;align-items:center;gap:8px}
#name.newsletter-form-input{border-right:1px solid #a2a2a2}
input.newsletter-form-input:focus{border:0 solid}
#email.newsletter-form-input{border:1px solid #e9e9e9;border-radius:50px}
.newsletter-desc{font-size:20px;font-weight:400;line-height:26px;gap:8px}
.newsletter-desc .color-blue{font-weight:500}
.newsletter-subcription-form{gap:12px}
.newsletter-error{max-width:69%;color:red}
.newsletter-error-mobile{display:none}
.subscribe-page .hrms-pricing-head-container .newsletter-subcription{margin-top:26px;padding:0;margin-bottom:0;background-color:transparent;margin-bottom:6px}
.subscribe-page .hrms-pricing-head-container .newsletter-desc{display:none}
.subscribe-page .hrms-pricing-head-container .newsletter-subcription-wrap{justify-content:center}
.subscribe-page .hrms-pricing-head-container .newsletter-subcription .success_message{color:#FFF}
.subscribe-page .hrms-pricing-head-container .newsletter-subcription #newsletterBtn{background-color:#1bcb84;border-color:#1bcb84}
.subscribe-page .hrms-pricing-head-container .newsletter-subcription #newsletterBtn:hover{background-color:#fff;border-color:#1bcb84;color:#1bcb84}
.subscribe-page .hrms-pricing-head-container .newsletter-subcription #newsletterBtn:hover .btn-arrow{background-image:url(/https/uknowva.com/templates/ukv_home/images/btn-arrow-right-green.png)}
@media screen and (max-width:1140px) {
.divinner{padding:0 15px;box-sizing:border-box}
#logo{width:175px}
#topmenu ul li a{padding:0 10px}
#topmenu ul li a.free_trial,#mob_buydemo .button{padding:8px 20px}
.callpricing.row.box-hrms-blue span.callpricingspan{padding:0 50px}
}
@media screen and (min-width:768px) and (max-width:940px) {
#slider-with-blocks-1 .rsTab{margin:5px 11px 6px}
.premise{width:auto;margin:0 auto}
#home_price h4,.item-page.planspricing h4{font-size:20px;line-height:30px}
#bottom1,#bottom2,#bottom3,#bottom4{width:48%;float:left}
#bottom2{clear:right}
#bottom3{clear:left}
.testi_img{margin-top:50px}
}
@media screen and (max-width:500px) {
body.subscribe-page .hrms-pricing-head-container .newsletter-subcription .newsletter-form{gap:0}
}
@media screen and (min-width:320px) and (max-width:870px) {
#bottominner,#footerinner{width:96%;margin:0 2%}
}
@media screen and (max-width:767px) {
#offerings-header{display:none}
.item-page.planspricing .planpricesmall{display:none}
#footer_l,#footer_r,.contact-address,.contact-form,#header{width:100%}
#footer_r,#footer_l ul{text-align:center}
#bottom{padding:30px 0 0}
#bottom1,#bottom2,#bottom3,#bottom4{width:50%}
#bottom3{clear:both}
#bottom1>.module,#bottom2>.module,#bottom3>.module{margin-right:0}
#bottom h3{margin-bottom:10px}
.featureslist>div>div{width:46%;float:left}
.featureslist>div>div:nth-child(2n){clear:left}
.side-img{margin:0 10px}
.side-img img{position:relative;display:inline-block;max-width:98%;margin:10px 1%;border-bottom:2px solid}
img.screen1{display:none}
img.screen4{display:inline-block}
img.screen3,img.screen4{max-width:20%;margin:10px 2%;box-sizing:border-box;position:absolute;bottom:0}
img.screen4{left:0;z-index:1}
img.screen3{right:0;z-index:1}
.stream-img{text-align:center}
.feature_content{margin-left:0;width:100%}
#uknowva_active,.youhost.full{display:none}
.feature_left{display:none}
.featurespage .item-page .divinner{border-left:0;min-height:auto!important}
.feature-img{float:left;margin:0;max-width:100%;text-align:center;width:100%}
.prof-div,.photoflip-div{float:left;margin-left:0;padding-top:0;width:100%}
h4.lefttext{background-position:50% 100%;text-align:center}
.prof-div p.lefttext{text-align:center}
#userprofile,#knowledge_index,#easy_data_management,#polls_category,#task_reminder,#one_one_chat,#device_compatible,#install_theme{float:left;width:100%}
.feature_left a{font-size:12px;line-height:14px;margin:2px;padding:3px}
.feature_content .imgleft>a,.feature_content .imgright{display:block;text-align:center}
.item-page.planspricing h4.youhost.mobile{display:block}
.item-page.planspricing h4.youhost.full,.item-page.planspricing h4.wehost{width:100%}
.group.span2{width:46%}
.group.span2 h6{margin-top:10px}
.video_perspective_child1,.video_perspective_child2{width:auto;max-width:100%;margin:5px}
#inner_banner .bannercontent .button{display:none}
#inner_banner .module_content{background:url(../images/features_bannerbg.png) 300px 100% no-repeat}
#topmenu li.item-183{display:none!important}
#mobnav-btn,#mob_buydemo{display:block}
#header{position:relative;background:none;top:0}
#header .divinner{margin:0 auto;padding:0}
#headerleft{width:100%;position:fixed;background:#0e47a0;z-index:9}
#topmenu{float:right;margin-top:67px;width:100%}
.hide-left-bar{margin-right:0!important}
#topmenu li ul.submenu{position:static}
#topmenu li ul.submenu li a{min-width:auto}
#topmenu li.hasmenu:hover ul.submenu{display:none}
#headerright{width:210px;margin:0;position:fixed;right:0;background:#dcedfd;height:100%;z-index:8;margin-right:-240px;overflow-y:auto;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#topmenu ul>li>a{line-height:45px;font-weight:500;font-size:15px}
#topmenu ul li{float:none;display:block;width:100%;border-bottom:1px solid #fff;position:relative}
#topmenu ul li .show-menu{position:absolute;right:0;top:0;z-index:99;height:45px;line-height:45px;width:40px;text-align:center}
#topmenu ul li .show-menu .fa{font-weight:700;position:absolute;bottom:10px}
#topmenu ul li a{float:none}
#topmenu ul li a:hover,#topmenu ul li a.active{background:#404040;color:#FFB44B}
#topmenu ul li.menu_trial{display:none}
#wrapper.paddingtop{padding-top:60px}
#slideshow .slider-text{margin-top:60px}
#slideshow .slider-text p{margin:0 10px}
#home_banner .res_slideshow,#home_banner .res_slideshow_features{display:block}
#slider-with-blocks-1{display:none!important}
.stage{display:none}
#home_banner .slider-text .button{display:inline-block;margin:0;border-radius:100px;width:100px;height:100px;padding:0;line-height:100px;border:0;position:absolute;right:42px;bottom:0}
#home_banner .slider-text>.button{display:none}
.custom.hello>p,#clients p.cust_subheading,#home_price p.cust_subheading{margin-bottom:20px}
.eggsmodule{width:100%;margin-bottom:20px}
.eggs_content p{margin-bottom:0}
#clients ul li{width:100px;margin:10px;height:55px}
.pricing_blocks{display:none}
.pricing_blocks_res{display:block}
#uk_forms{top:70px;max-height:70%;overflow:scroll}
#close_btn{top:0;right:0}
.tab_content,.ext_tab_content{display:block!important;text-align:center;padding:0 0 30px}
.tab_content img{display:block;float:left;margin:0 10px 10px 0;background:#E6E6E6;padding:20px 7px}
span.awards_res_year{display:inline;font-weight:700;color:#000}
.awardtabs_container,.ext_tabs_container{display:none!important}
.awardtabs_content_container{padding:0}
#testi_slideshow #testi_slider{min-height:240px}
#testi_slider .testi_speak{width:90%;margin:0 5%}
#testi_slider .testi_img{display:none}
#home_testimonials .rsOverflow,#testi_slider .rsContent{min-height:200px}
#testi_slider .testi_pic{float:left}
#testi_slider .testi_data,.testi_rsNav{margin-left:120px}
#testi_slider .testi_data h3{margin:0 0 20px;font-size:18px}
.right-div,.left-div{width:100%;float:left;text-align:center}
.right-div{margin-bottom:20px}
#home_appstore .right-div h3,#home_appstore .right-div p{text-align:center}
.com-main{display:block;margin-bottom:30px}
.com-content,.com-images,.com-images.com-right{width:100%;padding:0}
.com-images{text-align:center}
.landing_hrms .com-content,.landing_hrms .com-images{width:100%;float:left;text-align:center}
.com-images-mobile{display:block;max-width:90%;margin:0 auto 20px}
.com-content h3,.com-content p,.com-content div{text-align:left}
.com-content>img{display:block}
h1,.page-header h1,h2,.homepage .moduletable h3,.page-header h2,.feature_inner h4,#clients h3,#home_appstore h3,#offerings h3,.homemodules.moduletable>h3{font-size:24px;margin-bottom:10px;line-height:30px}
h3{font-size:20px;line-height:24px}
#apps .com-images.com-left{max-width:300px;margin:0 auto 20px;float:none;display:block}
#features .com-images{display:none}
#apps .com-main,#apps .com-content{width:100%;text-align:center}
#apps .com-content h2,#apps .com-content p,#apps .com-content div{text-align:center}
#apps .com-content div a{margin:0 10px}
#featuresmenu{top:60px}
body.featurespage #inner_banner{padding-top:100px}
#inner_banner .bannercontent{padding:10px 0}
#inner_banner .bannercontent h3{font-size:24px;line-height:28px}
#inner_banner .module_content{background:none}
.ext_tabs_content_container{background:none;border:0}
.ext_tab_content{padding-bottom:50px}
h5.ext_res_img{display:block;text-align:center}
h5.ext_res_img img{height:50px;margin:0 10px 0 0}
.blogpage .page-header h2,.singlecasestudy.caselanding h2{font-size:24px;line-height:28px}
.singlecasestudy.caselanding h4{font-size:16px;line-height:20px}
.singlecasestudy .casestudy_bannerimg img{margin:0}
.singlecasestudy .casestudy_bannertext{display:none}
.itempageul ul,.ul_square,.itempageul{margin-right:0}
.appboxwrapper{text-align:center}
.appbox{float:none;display:inline-block}
#appdetails_container h2.apptitle{margin:20px 0;text-align:center}
#appdetails_container .goback{margin:0;position:absolute;top:70px;right:0}
#detailsdiv .appimage{margin:0;float:none;width:100%;text-align:center;height:auto}
.appinfo{margin:10px 0}
#appdev{display:none}
#appdev_res{display:block;margin:20px 0}
.appinfoinner{margin:0}
.bottompricing .callpricing span{padding:0 15px}
.bottompricing .callpricing{font-size:17px}
.bottompricing .callpricing span,.bottompricing .callpricing img{display:block;margin:0 auto 10px}
.awardtabs_content_container img{display:block;float:unset;margin:0 auto 10px}
.below768{display:block}
.above768{display:none}
.bigblock,.smallblock{width:50%}
.smallblock.line .smallblockin{width:25%}
.smallblock.block3{clear:left}
.teampgrid .clr{clear:none}
.callpricing.row.box-hrms-blue span.callpricingspan{padding:25px;width:100%}
#logo{float:left;width:130px;padding:15px 0 10px 10px}
#landingbanner{background:none;padding-top:63px}
.landingbannertop{background:url(../images/uknowva_bg.png) 50% 100% no-repeat;background-size:100%;padding:0 10px}
.landingbannertop .quickinstall,.landingbannertop .page-header{overflow:hidden}
.hrms-for-govt-india.row.box-hrms-blue span{width:100%;font-size:28px}
.hrms-for-govt-india .button{margin:20px auto 0}
.hrms-for-govt-india img{max-width:90%;margin-bottom:20px}
.addons:before{content:none}
.addons .left-sec{background:#188de8;padding:30px 20px 20px}
.addons .flexbox .right-sec{padding:30px 15px;background:#dcedfd}
.addons .right-sec .flexbox .flex-img{width:70px}
.addons .right-sec .flexbox .info-text{width:calc(100% - 80px)}
.addons .right-sec .flexbox{margin-bottom:10px}
.addons .right-sec .flexbox:last-child,.addons .right-sec .flexbox:last-child p{margin-bottom:0}
}
.row.box-hrms-blue .divinner{position:relative}
.callpricing.row.box-hrms-blue,.hrms-for-govt-india.row.box-hrms-blue{padding:15px 0;background:#188de8;background-size:auto;background-size:cover}
.hrms-for-govt-india.row.box-hrms-blue h2{text-align:left}
.row.box-hrms-blue .wrp-hrms{padding:0 80px 0 0;display:inline-block;width:43%;vertical-align:middle}
.hrms-for-govt-india.row.box-hrms-blue .hrms-for-govt-india-span{font-size:34px;position:relative;padding-bottom:25px}
.hrms-for-govt-india.row.box-hrms-blue .hrms-for-govt-india-span::after{position:absolute;content:'';height:7px;width:40px;left:0;bottom:0;background-color:#f3b90e;display:block}
.hrms-for-govt-india.row.box-hrms-blue span .high-yellow{color:#F3B90E;font-weight:700;display:inline}
.hrms-for-govt-india .button{margin:40px 0}
.hrms-for-govt-india.row.box-hrms-blue span.hrms-for-govt-india-b-btm{height:7px;width:40px;background-color:#F3B90E;display:block;color:transparent;margin:10px 0}
.callpricing.row.box-hrms-blue .button,.hrms-for-govt-india .button{background:#F3B90E;border-color:#F3B90E}
#bottom .module.our-prod-mod h3{font-size:22px;line-height:24px;margin-bottom:10px;font-weight:400;text-transform:none;color:#333}
#bottom .module.our-prod-mod .btm-prod-list{margin-left:-10px}
.btm-prod-list li{display:inline-block;margin:0 10px;text-decoration:none;position:relative}
.btm-prod-list li a{color:#333;font-size:12px;font-weight:700}
.btm-prod-list li:after{content:'';position:absolute;margin-left:10px;top:50%;background-color:#888;width:1px;height:13px;transform:translate(0,-50%)}
.btm-prod-list li:last-child:after{content:'';position:absolute;width:0}
#bottom5{padding:7px 0;border-top:1px solid #ddd}
#bottom5 .module.our-prod-mod{float:left;width:100%;margin-right:10px;border-bottom:1px solid #ddd}
#bottom5 .module.fb-module{display:none;align-items:center;padding:10px 0;width:22%;float:left}
.feeddate{display:none}
#bottom1 ul.newsflash-vert li{margin-bottom:25px}
.more.dropdown{position:relative}
.dropdown-menu{position:absolute;top:100%;left:0;display:none;background-color:#fff;list-style:none;z-index:9999;box-shadow:0 0 6px 1px #0000001a;border:1px solid #ddd}
.dropdown .dropdown-menu li{border-bottom:1px solid #eee;display:block!important}
.dropdown-menu li a{white-space:nowrap}
.dropdown .dropdown-menu li:last-child{border:none}
.more.dropdown:hover .dropdown-menu{display:block}
@media screen and (min-width:768px) and (max-width:1024px) {
.hrms-for-govt-india.row.box-hrms-blue .hrms-for-govt-india-span{font-size:28px;padding-bottom:10px}
.callpricing.row.box-hrms-blue,.hrms-for-govt-india.row.box-hrms-blue{background-image:none;background-color:#2255AE}
.hrms-for-govt-india.row.box-hrms-blue h2,.hrms-for-govt-india.row.box-hrms-blue h1{max-width:1100px;text-align:left;display:inline-block;width:40%}
.row.box-hrms-blue .wrp-hrms{padding:0 20px;display:inline-block;width:45%}
.hrms-for-govt-india .button{margin:20px 0}
}
@media screen and (max-width:768px) {
.callpricing.row.box-hrms-blue,.hrms-for-govt-india.row.box-hrms-blue{background-image:none;background-color:#2255AE}
.hrms-for-govt-india.row.box-hrms-blue h2,.hrms-for-govt-india.row.box-hrms-blue h1{text-align:center;width:100%}
.row.box-hrms-blue .wrp-hrms{padding:0 15px;width:100%;text-align:center;box-sizing:border-box}
.hrms-for-govt-india.row.box-hrms-blue .hrms-for-govt-india-span::after{left:50%;transform:translate(-50%,0)}
.hrms-for-govt-india.row.box-hrms-blue span.hrms-for-govt-india-b-btm{display:none}
.hrms-for-govt-india .button{margin:40px auto}
#pricing.uae-pricing #hrmsformbottomul li{width:100%}
#pricing.uae-pricing #hrmsformbottomul li.recaptchadiv{margin-left:25px}
nav.btm-prod-list{margin-left:0}
#bottom5 .module.our-prod-mod{float:none;width:100%;margin:0 auto;text-align:center}
#bottom5 .module.fb-module{padding:0;width:80%;float:none;margin:0 auto;display:block}
.newsletter-subcription-wrap{flex-direction:column}
.newsletter-form{gap:0}
.newsletter-form,.newsletter-subcription-form,.newsletter-form-wrap{width:100%}
.newsletter-form{flex-direction:column;width:100%;background:transparent;border:0;border-radius:0}
.newsletter-form-input,#name.newsletter-form-input{border-radius:25px;border:1px solid #e9e9e9;width:100%}
.newsletter-form-input{min-width:100%}
.newsletter-desc{margin-bottom:20px;flex-direction:column}
.newsletter-subcription{padding:20px;margin-bottom:25px}
.newsletter-error-desktop{display:none}
.newsletter-error-mobile{display:block;margin-top:-16px;min-width:100%;max-width:100%;margin-bottom:10px;box-sizing:border-box;padding:0 10px}
}
.yt-wrp{max-width:900px;margin:auto}
.youtube{background-color:transparent;margin-bottom:30px;position:relative;padding-top:56.25%;width:100%;box-sizing:border-box;overflow:hidden;cursor:pointer}
.youtube img{width:100%;height:auto;top:50%;left:50%;opacity:1;display:block;transform:translate3d(-50%,-50%,0)}
.youtube .play-button{width:90px;height:60px;background-color:#333;box-shadow:0 0 30px #0009;z-index:1;opacity:.8;border-radius:6px}
.youtube .play-button:before{content:"";border-style:solid;border-width:15px 0 15px 26px;border-color:transparent transparent transparent #fff}
.youtube img,.youtube .play-button{cursor:pointer}
.youtube img,.youtube iframe,.youtube .play-button,.youtube .play-button:before{position:absolute}
.youtube .play-button,.youtube .play-button:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
.youtube iframe{height:100%;width:100%;top:0;left:0}
.font-lg{font-size:18px}
.section-separator{background:linear-gradient(to right,#188de8 65%,#fed203 35%);height:3px;border:none;width:100%}
.black-color{color:#333}
.text-center{text-align:center}
.display-flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.align-items-center{align-items:center}
.mb-0{margin-bottom:0}
.border-btn{color:#188de8;text-decoration:none;text-align:center;outline:none;cursor:pointer;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;display:inline-block;line-height:17px;font-weight:500;font-size:14px;background:#fff;border:2px solid #188de8;border-radius:50px;padding:12px 35px}
.border-btn:hover{color:#fff;background:#188de8}
.button,button{box-shadow:0 3px 6px #00000029;background:#188de8;border:2px solid #188de8;border-radius:50px;padding:10px 25px}
.callpricing.row.box-hrms-blue .button,.hrms-for-govt-india .button{background:transparent;border-color:#fff;border:2px solid;padding:11px 16px;border-radius:50px}
.landing_hrms .hrms-for-govt-india.box-hrms-blue{padding:80px 0;position:relative}
.hrms-for-govt-india.box-hrms-blue .gov-img{position:absolute;right:0;top:0;width:57%;height:100%}
.hrms-for-govt-india.box-hrms-blue .gov-img img{width:100%;height:100%;object-fit:contain}
.hrms-for-govt-india .button{margin-bottom:0}
.hrms-for-govt-india.row.box-hrms-blue span.hrms-for-govt-india{line-height:unset;font-size:16px;font-weight:600}
.hrms-for-govt-india.row.box-hrms-blue span.headline{line-height:50px;font-size:34px;font-weight:700;margin-top:11px}
#clients{background:#fff}
.section-head{line-height:46px;font-size:42px;color:#333;font-weight:300;margin-top:0;margin-bottom:15px}
#home_awards{text-align:center}
.awards_div img{padding:10px;box-sizing:border-box}
.awards_div .other img{width:auto;max-height:70px}
.awards_div .featured{padding:10px 0}
.awards_div>.centeralign .button{margin-top:45px}
#clients #slider_clients ul li{border:none}
#apps .divinner{background:#188de8;background-size:auto;background-size:100%;border-radius:8px;position:relative}
#apps .divinner .custom.govt-manage-people{padding:30px 60px 0}
#apps h2,#apps p{color:#fff}
#apps .row.apps{padding:0}
#apps .com-images{padding-right:0;text-align:right;width:46%}
#apps .com-content{width:53%;margin-top:66px}
#apps p.font-lg{font-weight:400;margin:22px 0;line-height:30px}
#apps .com-content img{width:200px;height:65px}
#pricing .bottompricing .callpricing{margin:0;padding:70px 60px;box-sizing:border-box;background-color:#ddeefe;align-items:center}
#pricing .bottompricing .callpricing h3{font-size:38px;font-weight:300;line-height:48px;margin:0;text-align:left;color:#093e66}
#pricing .freeuser,#pricing .paiduser{border:none;box-shadow:-1px 1px 5px #00000029;border-radius:5px;border:2px solid #E1E1E1;cursor:pointer}
#pricing .freeuser:hover,#pricing .paiduser:hover{border:2px solid #188de8}
#pricing .fees{font-size:33px;color:#333;font-weight:700;margin-bottom:23px}
#pricing .fees img.img-icon{width:22px;margin-top:0}
#pricing .moth{color:#A9A9A9;font-size:16px;vertical-align:super;margin-left:7px;font-weight:700}
#pricing .plan-type{font-size:24px;font-weight:500;color:#17476d}
#pricing .cur_amt ul.feature li{padding:5px 0;border:0;font-size:15px;line-height:20px;position:relative;padding-left:30px}
.buypricing ul.feature{min-height:150px;display:inline-block;text-align:left;margin-bottom:10px}
#pricing .details>div:nth-of-type(2),#pricing .details>div:last-child{border-top:1px solid #EBEBEB}
#pricing .cur_amt .deatils{padding:25px 20px;background:#fff}
#pricing .cur_amt .deatils .mb-0{margin-top:10px}
#pricing .details>div{padding:10px 0;font-size:16px;line-height:20px}
#pricing .font-lg{line-height:25px;font-size:16px;margin:30px 0}
#home_testimonials,#home_testimonials #testi_slideshow,#home_testimonials .rsSlide{background-color:#ddeefe}
#quick_install ul#hrmsformul li:first-child{width:30%}
#quick_install ul#hrmsformul li:nth-of-type(2){width:25%}
#quick_install ul#hrmsformul li:last-child{margin-left:20px}
#quick_install ul#hrmsformul li:first-child input.inputbox{border-top-left-radius:25px;border-bottom-left-radius:25px;border-right:unset;width:90%;margin:0}
#quick_install ul#hrmsformul li:first-child::after{content:'';width:2px;height:71%;display:block;background:#D4D4D4;top:7px;right:0;position:absolute}
#quick_install ul#hrmsformul li:nth-of-type(2) input.inputbox{width:80%;margin:0;border-top-right-radius:25px;border-bottom-right-radius:25px;border-left:unset}
#quick_install ul#hrmsformul li input.inputbox{border:1px solid #C4C4C4;padding:8px 27px;font-size:14px;box-sizing:unset}
#quick_install ul#hrmsformul li input::placeholder{color:#AAA}
.landing-hrms-banner{min-height:500px}
.landing-hrms-banner img.laptop{width:80%;margin:0 auto;display:inherit}
#landingbanner{width:100%;height:100%}
.about-uknowa-hrms-sec .about-img{text-align:center;margin-top:22px}
.about-uknowa-hrms-sec .details p{color:#000;font-size:16px;display:inline-block;width:30%;line-height:28px}
.about-uknowa-hrms-sec .details{justify-content:space-between}
.about-uknowa-hrms-sec .details h4{margin:30px 0 20px}
.about-uknowa-hrms-sec .details h4 span{font-weight:300}
.about-uknowa-hrms-sec .details .image-block img{max-width:80px}
.about-uknowa-hrms-sec .flexbox .col3{margin-bottom:0}
#landingbanner .about-uknowa-hrms-sec h2{margin-top:0}
.about-uknowa-hrms-sec{padding:90px 0 60px}
.about-uknowa-hrms-sec .image-block lottie-player{max-width:100px;margin:0 auto}
.about-uknowa-hrms-sec .global .image-block lottie-player{max-width:64px}
.about-uknowa-hrms-sec .ai-icon .image-block lottie-player{max-width:105px}
.landing-hrms-banner .box-widget .box-wrapper{box-shadow:1px 2px 20px #00000017;border:1px solid #ECEFFF;border-radius:8px;background:#fff;padding:13px 18px;box-shadow:#24324233 0 3px 5px}
.landing-hrms-banner .box-widget p.heading{font-size:13px;color:#252525;font-weight:500}
.landing-hrms-banner .box-widget img{width:40px;margin:0;padding-right:11px}
.landing-hrms-banner .box-widget p.sub-headline span{font-size:12px;color:#888E95}
.landing-hrms-banner .box-widget p.sub-headline,.landing-hrms-banner .box-widget p.heading{line-height:normal}
.landing-hrms-banner .divinner{position:relative}
.landing-hrms-banner .leave-management{width:260px;position:absolute;left:-110px;top:110px}
.landing-hrms-banner .attendance-tracking{width:275px;position:absolute;left:-100px;bottom:90px}
.landing-hrms-banner .salary-slip-management{width:267px;position:absolute;left:-117px;top:235px}
.landing-hrms-banner .virtual-biometric{width:255px;position:absolute;right:0;top:40px}
.landing-hrms-banner .employe-mangment{width:323px;position:absolute;right:-135px;top:335px}
.landing-hrms-banner .employe-mangment .content{min-height:39px;height:8px}
.landing-hrms-banner .box-widget span.dot{width:3px;height:3px;background:#9FA3A3;display:inline-block;border-radius:50%;vertical-align:middle;margin:0 4px}
#bottom2 li,#bottom3 li,#bottom4 li{position:relative}
#bottom2 li:before,#bottom3 li:before,#bottom4 li:before{content:'';background:#188de8;width:6px;height:6px;border-radius:50%;position:absolute;left:0;top:4px}
#pricing .buycall{margin-bottom:55px}
#bottom .section-separator{margin-bottom:40px}
#hrmsformul{display:flex;align-items:center;justify-content:center;width:65%;margin:0 auto}
.how-hrms-work-youtube{position:absolute;right:-122px;top:180px}
.how-hrms-work-youtube .content{display:flex;align-items:self-start;background:#188de8;width:295px;padding:9px;box-shadow:0 3px 6px #00000029;border-radius:5px}
.how-hrms-work-youtube .content img.main-img{width:140px;margin-right:10px}
.how-hrms-work-youtube .content a>img{width:auto}
.how-hrms-work-youtube .content p{color:#FFF;font-weight:700;font-size:16px;margin-bottom:5px}
#pricing{background:url(../images/tranpernt-bg.webp) no-repeat 0 0;width:100%;background-size:100%}
.how-hrms-work-youtube .content span{font-size:12px;color:#fff;padding-left:10px}
#apps .shape-circle{bottom:-118px;position:absolute;left:-123px;z-index:999}
#apps{position:relative}
#apps .com-images{position:relative;bottom:-22px}
#apps{background:url(../images/transparent-bg.png) no-repeat 0 0;width:100%;background-size:100%}
#bottom #bottom1 .custom .bottom-apple-store img,#bottom #bottom1 .custom .bottom-android-store img{width:100%;height:100%}
#bottom #bottom1 .custom .bottom-apple-store,#bottom #bottom1 .custom .bottom-android-store{width:147px;height:51px}
#bottom #bottom1 .social img{margin-right:10px}
#bottom #bottom1 .social{margin-bottom:18px}
#bottom #bottom4 .social{display:none}
#bottom #bottom5{margin-top:20px}
.youtube-modal{display:none}
.youtube-modal.active{display:block;position:fixed;z-index:999999;left:50%;top:45%;transform:translate(-50%,-50%);max-width:80%;height:auto;overflow:auto;background-color:#fff;right:0;box-shadow:0 2px 4px #000;padding:40px;box-sizing:border-box}
#box-overlay.active{z-index:99999;visibility:visible;zoom:1;opacity:1;width:100%;height:100%;display:block;background-color:#363535;opacity:.9!important;position:fixed;left:0;right:0;top:0;bottom:0}
.youtube-modal .close.active{cursor:pointer;display:block;color:#aaa;float:right;font-size:28px;font-weight:700;position:fixed;right:2%;top:2%;z-index:999999}
.youtube-modal .youtube{margin-bottom:0}
#workflow-like-pro{background:#E6EEFD}
#workflow-like-pro h3{text-align:center;margin-bottom:30px;line-height:normal}
#workflow-like-pro ul.newsflash-vert{display:flex;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:1px solid #ccc}
#workflow-like-pro ul.newsflash-vert li a{padding:14px 6px;display:block;font-size:18px;font-weight:700}
#workflow-like-pro ul.newsflash-vert li{margin-bottom:0}
#workflow-like-pro .category-module li:hover{border-bottom:2px solid #188de8}
.landingbannerbgblue{background-color:#ddeefe;background-image:url(../images/banner-circles.webp);background-size:80%;background-repeat:no-repeat;width:100%;background-position:bottom right;position:absolute;right:0;left:0;display:block;height:750px;z-index:-1;top:0;border-bottom-left-radius:50%;border-bottom-right-radius:50%;clip-path:ellipse(65% 80% at 50% 0%)}
#quick_install{margin-bottom:50px}
#header{background:transparent}
#header.fixed{background:#fff;box-shadow:-1px 1px 5px #00000029}
#workflow-like-pro ul.newsflash-vert.active li a{border-bottom:2px solid #188de8;color:#188de8}
#workflow-like-pro ul.newsflash-vert li a{color:#333;cursor:pointer}
#workflow-like-pro ul.newsflash-vert li a.inactive{border-bottom:none;color:#333;cursor:pointer}
.testimonials .client-details .content{display:inline-block;vertical-align:bottom;width:55%;margin-right:40px;padding:40px 32px;position:relative;left:1px;border-radius:12px;color:#fff;box-sizing:border-box;background:#1189e7}
.testimonials .client-details .content:after{content:"";width:0;height:0;border-top:50px solid transparent;border-bottom:1px solid transparent;border-left:31px solid #1189e7;position:absolute;right:-25px;top:50%;border-bottom-right-radius:10px}
#home_testimonials .client-details .img{padding:45px 0 45px 50px;display:none}
#home_testimonials .testimonials{overflow-x:hidden;padding-top:20px}
#home_testimonials{background-image:url(../images/testimonials-circles.webp);background-repeat:no-repeat;background-size:cover;background-position:center}
:root{--swiper-theme-color:#188de8}
.testimonials .client-details .display-flex p{margin-bottom:0}
.testimonials .client-details .display-flex p.name{font-size:18px;font-weight:500}
.testimonials .client-details .content h3{font-size:24px;line-height:30px;font-weight:400;text-align:left;color:#fff}
.testimonials .client-details .content p{font-size:14px;line-height:24px;text-align:left}
.testimonials .client-details .content p.name{font-size:18px;font-weight:700;margin-bottom:0;line-height:28px}
.testimonials .client-details .content p.positon{margin-bottom:0;font-size:16px;color:#188de8;font-weight:700;text-transform:uppercase;line-height:28px}
.testimonials .client-details .display-flex{margin-top:55px;align-items:center;text-align:left}
.testimonials .client-details .display-flex img{width:90px;margin-right:15px;background:#fff;border-radius:50%;padding:3px;box-sizing:border-box;border:2px solid #1bcb83}
#home_testimonials h4{text-align:center;margin-bottom:40px}
.testimonials .swiper-navs{display:block;width:100%;text-align:center}
.testimonials .swiper-button-next,.testimonials .swiper-button-prev,#slider_clients .swiper-button-next,#slider_clients .swiper-button-prev{position:relative;display:inline-block;left:unset;right:unset;width:50px;margin:0 5px;top:unset;bottom:7px}
#home_testimonials .client-details{text-align:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:end;justify-content:center}
.happy-customer h3{display:none}
.happy-customer .custom h3{display:block;text-align:center}
.subhead{font-size:18px;color:#333;font-weight:300;padding-top:15px;display:block}
.manage-your-workflow-subarticle ul li a.active{background:#188de8;display:inline-block;padding:10px 30px;border-radius:50px;vertical-align:middle}
.manage-your-workflow-subarticle ul li a img{margin-right:15px;width:25px;position:relative;top:-2px}
.manage-your-workflow-subarticle ul li a.active img.white-bg{display:inline-block}
.manage-your-workflow-subarticle ul li a.active img.black-bg{display:none}
.manage-your-workflow-subarticle ul li a img.white-bg{display:none}
.manage-your-workflow-subarticle ul li a img.black-bg{display:inline-block}
.manage-your-workflow-subarticle ul li{margin:45px 0}
.manage-your-workflow-subarticle ul li a{font-size:18px;color:#333;font-weight:700}
.manage-your-workflow-subarticle .types{width:40%;display:inline-block;vertical-align:top}
.manage-your-workflow-subarticle .types-details{width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;vertical-align:bottom;justify-content:flex-end}
#workflow-like-pro ul.newsflash-vert li a.active{border-bottom:2px solid #188de8;color:#188de8}
.manage-your-workflow-subarticle ul li:first-child{margin-top:0}
.manage-your-workflow-subarticle .types-details .details p{font-size:14px;color:#333;font-weight:700;text-align:left;line-height:24px;display:none}
.manage-your-workflow-subarticle .types-details .content a{text-align:right;font-size:14px;font-weight:700;margin-top:25px;cursor:pointer}
#workflow-like-pro .swiper-pagination{left:0;width:42%;top:288px;position:relative}
#workflow-like-pro .swiper-pagination-bullet{width:100%;height:auto;background:unset;opacity:1;display:inline-flex;border-radius:unset;margin:20px 0}
#workflow-like-pro .swiper-pagination-bullet a{font-size:16px;color:#333;border-radius:50px;border-radius:50px;min-width:auto;max-width:auto;width:auto;text-align:left;display:flex;align-items:center}
#workflow-like-pro .swiper-pagination-bullet.swiper-pagination-bullet-active a{background:#188de8;color:#fff;padding:7px 30px}
#workflow-like-pro .swiper-pagination-bullet.swiper-pagination-bullet-active a .black-bg{display:none}
#workflow-like-pro .swiper-pagination-bullet a .white-bg{display:none}
#workflow-like-pro .swiper-pagination-bullet a img{margin-right:12px;position:relative;top:-1px}
#workflow-like-pro .swiper-pagination-bullet.swiper-pagination-bullet-active a .white-bg{display:inline-block}
.manage-your-workflow-subarticle .swiper-slide{height:100%!important}
#workflow-like-pro .swiper-pagination-bullet:first-child{margin-top:0}
.manage-your-workflow-subarticle .swiper-slide{text-align:center;font-size:18px;background:transparent;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:flex-start}
.manage-your-workflow-subarticle .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.manage-your-workflow-subarticle .swiper-slide lottie-player{width:95%;display:inline-block}
.manage-your-workflow-subarticle .swiper-wrapper{height:565px;width:90%}
.manage-your-workflow-subarticle .swiper-slide img.know-more{width:auto;height:auto;display:inline-block;margin-left:10px}
.freeuser,.paiduser{width:46%}
.freeuser{margin-right:55px}
#bottom5 .custom.fb-module{display:none}
#topmenu ul li a:hover,#topmenu ul li a.active,#topmenu ul li:hover>a{color:#188de8}
#headerright{padding:13px 0}
#workflow-like-pro ul.newsflash-vert a{transition:unset;-webkit-transition:unset;-o-transition:unset;-moz-transition:unset}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{font-weight:700;font-size:18px;background:#fff;width:40px;height:40px;text-align:center;border-radius:50px;display:flex;align-items:center;justify-content:center;padding:17px;align-items:center}
.landing-hrms-banner .box-widget .box-wrapper{transform:translateX(0%) rotate(0deg)}
.landing-hrms-banner .box-widget .box-wrapper{animation-name:left-right;animation-duration:7s;animation-timing-function:linear;animation-iteration-count:infinite;transition:transform 200ms ease 0;transform:scaleX(0);transform-origin:left center}
.landing-hrms-banner .box-widget .box-wrapper-new,.how-hrms-work-youtube .content{transform:translateX(0%) rotate(0deg);animation-name:right-left;animation-duration:7s;animation-timing-function:linear;animation-iteration-count:infinite;transition:transform 1000ms ease 0;transform:scaleX(0);transform-origin:left center}
@keyframes left-right {
0%{transform:translateX(0%) rotate(0deg)}
50%{transform:translateX(-3%) rotate(0.01deg)}
100%{transform:translateX(0%) rotate(0deg)}
}
@keyframes right-left {
100%{transform:translateX(0%) rotate(0deg)}
50%{transform:translateX(3%) rotate(0.01deg)}
0%{transform:translateX(0%) rotate(0deg)}
}
#pricing p.currency-sec-new{display:none}
ul.newsflash-content .newsflash-item-accordion{display:none}
#topmenu ul li a.free_trial:hover,#topmenu ul li.menu_trial:hover>a.free_trial{border:2px solid #188de8;background:#fff;color:#188de8}
.cur_selection a.tabs.inactive{border-color:#ccc;color:#ccc}
#headerright.hide-left-bar.active{display:none}
#over.overlay.active{visibility:hidden}
.hrms-for-govt-india .button:hover{color:#188de8;border:2px solid #fff}
.client-btn-new{margin-bottom:80px}
.landing_hrms #manageworkforce,#clientele,.bluebackground,#manage-loans{background:#dcedfd}
#manageworkforce h3{text-align:center;margin-bottom:50px;line-height:normal}
#manageworkforce ul.als-wrapper.nav.menu{display:flex;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;align-items:stretch}
#manageworkforce ul li.parent{min-width:13%;text-align:center;position:relative}
#manageworkforce ul li.parent:last-child{width:30%}
#manageworkforce ul li.parent>a{padding:0 15px 10px;display:block;height:100%;font-size:14px;box-sizing:border-box;line-height:18px;font-weight:500;cursor:pointer;color:#000;padding-top:65px}
#manageworkforce ul li.parent.active a{color:#188de8}
#manageworkforce ul li.parent a:before{content:"";position:absolute;left:50px;top:0;width:50px;display:block;height:50px;background-repeat:no-repeat;background-size:440px;background-position:-10px -240px;background-image:url(/https/uknowva.com/images/sprite-hrms.png)}
#manageworkforce ul li.parent a.payroll:before{background-position:-70px -240px}
#manageworkforce ul li.parent a.recruitment:before{background-position:-110px -240px}
#manageworkforce ul li.parent a.performance:before{background-position:-165px -240px}
#manageworkforce ul li.parent a.timesheet:before{background-position:-275px -240px;left:110px}
#manageworkforce ul li.parent a.collaboaration:before{background-position:-220px -240px;left:85px}
#manageworkforce ul li.parent.active::after{content:'';width:100%;position:absolute;height:3px;border-radius:10px;display:block;background:#188de8;left:0;bottom:0}
#manageworkforce ul li.parent.active a span:before{content:"";width:0;position:absolute;left:50%;margin-left:-7px;bottom:-10px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #188de8}
#manageworkforce .left_section .nav-child.unstyled.small li{margin-bottom:5px}
#menu-line{position:absolute;bottom:0;left:0;height:3px;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;background:#188de8;display:none}
#manageworkforce ul.als-wrapper.nav.menu:hover #menu-line{display:block}
#manageworkforce .left_section .nav-child.unstyled.small li a{display:inline-block;color:#032548;padding:5px 15px 5px 35px;border-radius:5px;position:relative;font-weight:500;font-size:14px}
#manageworkforce .left_section .nav-child.unstyled.small li:hover a{color:#188de8}
#manageworkforce .left_section .nav-child.unstyled.small li a::after{display:none}
.right_section .feature_screen{padding:15px 0 15px 15px;box-sizing:border-box}
#manageworkforce ul li.parent.active img.feature_screen.active,#manageworkforce .left_section .feature_desc.active,#manageworkforce .feature_screen.active{display:block}
#manageworkforce .left_section ul.nav-child,#manageworkforce .right_section .feature_screen,#manageworkforce .left_section .feature_desc,#manageworkforce .feature_screen{display:none}
#manageworkforce .left_section .feature_desc.knowmore{padding:0 0 15px;margin-top:-20px;display:none}
#manageworkforce .left_section .feature_desc{font-size:13px;font-weight:500;padding:20px 15px 20px 0;box-sizing:border-box}
#manageworkforce .left_section{width:30%}
#manageworkforce .right_section{width:calc(70% - 20px);margin-left:15px}
#manageworkforce .right_section .feature_screen.active{animation-duration:1.5s;animation-name:fadeInRight}
#manageworkforce .left_section ul.nav-child.active,#manageworkforce .left_section .feature_desc.active{animation-duration:1.5s;animation-name:fadeInLeft}
#manageworkforce .left_section ul.nav-child.active,#manageworkforce .right_section .feature_screen.active{display:block}
#manageworkforce .accordian .accordian-head,#manageworkforce .accordian{display:none}
#manageworkforce .accordian .accordian-head.active{display:block}
#manageworkforce ul li.parent.active .nav-child.unstyled.small{display:block;text-align:left;padding-left:20px}
.show-in-mobile{display:none}
.ext-random-html,.item-page .page-header{display:none}
.hrms-features-list{padding:50px 0}
.hrms-features-list.centeralign{max-width:100%;margin:0 auto}
.hrms-features-list .com-images img,.hrms-features-list lottie-player{border:3px solid #cbe6f9;border-radius:15px;max-width:900px;width:100%;margin:0 auto;background-color:#fff}
.hrms-features-list .com-images img.noborder{border:none;background:transparent}
.hrms-features-list lottie-player{min-height:600px}
.hrms-features-list .flexbox{align-items:center;-webkit-align-items:center;-ms-flex-align:center}
.sec_subhead{font-size:14px;font-weight:500;text-transform:uppercase;margin-bottom:20px}
#manageworkforce ul.als-wrapper.nav.menu:before{position:absolute;content:"";bottom:-5px;height:3px}
body.features-hrms .landingbannerbgbluetwo{height:600px}
body.features-hrms .com-content h2{font-size:32px;font-weight:500;color:#044f86}
body.features-hrms .page-header{display:none}
body.features-hrms .com-content{max-width:800px;margin:0 auto}
body.features-hrms .com-content.top-heading{max-width:1100px}
body.features-hrms .com-content.left-cont{max-width:100%;padding-right:60px;box-sizing:border-box;margin-left:0}
body.features-hrms .com-content.right-cont{max-width:100%;padding-left:60px;box-sizing:border-box;margin-right:0}
body.features-hrms .com-content p{font-weight:400;margin:30px 0 0;font-size:16px;line-height:26px;padding-left:15px}
.hrms-features-list-assets .col3,.hrms-features-list-assets .col2{box-shadow:3px 3px 8px #cbe6f9;border:3px solid #cbe6f9;border-radius:15px;padding:5px 20px;box-sizing:border-box;background-color:#fff}
.hrms-features-list-assets.bluebackground .col3,.hrms-features-list-assets.bluebackground .col2{border-radius:15px;padding:5px 20px;box-sizing:border-box;background:transparent;border:0;box-shadow:none}
.hrms-features-list-assets .flexbox,#manage-loans .flexbox{align-items:stretch}
.hrms-features-list-assets .flexbox .icon img{width:auto;max-height:85px}
.hrms-features-list-assets.bluebackground .flexbox .icon .sprite-img img{max-height:90px;height:90px}
.hrms-features-list-assets .flexbox .icon .sprite-img img{height:80px}
.hrms-features-list-assets .flexbox .icon .sprite-img{width:80px;height:80px}
.hrms-features-list-assets.bluebackground .flexbox .icon .sprite-img{background:#fff;border-radius:50%}
.hrms-features-list-assets .col3 .icon,#manage-loans .col3 .icon,.hrms-features-list-assets .col2 .icon,#manage-loans .col2 .icon{margin:20px 0 25px}
#manage-loans .col3,#manage-loans .col2{border:5px solid #cbe6f9;border-radius:15px;padding:5px 20px;box-sizing:border-box;background:#fff}
.hrms-features-list-assets .flexbox .col2{width:48%}
body.features-hrms #wrapper,body.features-hrms #landingbanner{padding-top:0}
.features-hrms #landingbanner p{font-size:16px;font-weight:400;margin-bottom:50px}
.features-hrms #landingbanner .col2:first-child{padding-right:50px;box-sizing:border-box;max-height:100%;min-height:480px}
.features-hrms #landingbanner h2{margin-bottom:30px}
.features-hrms #landingbanner .col1{max-width:900px}
.features-hrms #landingbanner .col2 img{margin-top:50px}
.features-hrms .landingbannerbgblue{height:665px;margin-top:-86px}
.stickyhead{position:-webkit-sticky;position:sticky;z-index:9999;top:0;background:#fff}
body.features-hrms #landingbanner{padding-bottom:60px}
.features-hrms #manageworkforce ul li.parent a:before,.features-hrms #manageworkforce ul li.parent.active a::after{content:none}
.features-hrms #manageworkforce ul li.parent::after{content:'';width:100%;position:absolute;height:3px;border-radius:10px;display:block;background:#dbeefd;left:0;bottom:-5px}
.features-hrms #manageworkforce ul li.parent.active::after{background:#188de8}
.features-hrms #manageworkforce ul li.parent{position:relative;width:auto}
.features-hrms #manageworkforce ul li.parent>a{position:static;padding:15px}
.features-hrms #manageworkforce ul li.parent.active a span:before{bottom:-15px}
.features-hrms #header{position:relative}
.com-center{text-align:center}
.hrms-features-list-assets .col3{margin:15px;background-color:#fff}
.hrms-features-list-assets .flexbox{justify-content:center}
.landing_hrms .mainrow.addons .flexbox .button.white-border{display:none}
#home_appstore .subhead{max-width:800px;margin:0 auto 15px}
#slider_clients .swiper-pagination{bottom:-7px}
#clientele ul.swiper-wrapper li:hover img{transform:rotate(360deg)}
ul.hrms label.error{font-size:12px}
.features-hrms .overlay-img{position:relative;text-align:left;min-height:460px}
.features-hrms .overlay-img img{width:65%;box-shadow:-1px 1px 5px #00000029}
.features-hrms .overlay-img img.two-img{position:absolute;top:105px;left:98px;z-index:9}
.features-hrms .overlay-img img.three-img{position:absolute;z-index:99;top:202px;left:217px}
.features-hrms #contentarea #manageworkforce ul.als-wrapper-new-menu{justify-content:center}
.features-hrms .overlay-img-new{min-height:875px}
.features-hrms .overlay-img-new img.two-img{top:170px;left:192px}
.features-hrms .overlay-img-new img.three-img{top:374px;left:374px}
.features-hrms .overlay-img-features{min-height:390px}
.features-hrms .overlay-img-features img{width:76%}
.features-hrms .overlay-img-features img.two-img{top:105px;left:124px}
.features-hrms .com-images-bg img{background-color:transparent;border:none}
@media screen and (min-width:600px) and (max-width:767px) {
.buypricing ul li:first-child{min-height:45px}
.buypricing ul li:last-child{min-height:67px}
}
@media screen and (max-width:600px) {
#bottom1,#bottom2,#bottom3,#bottom4{width:100%;margin-bottom:20px}
#bottom2 ul,#bottom3 ul,#bottom4 ul{display:flex;flex-wrap:wrap;margin:0}
#bottom2 li,#bottom3 li,#bottom4 li{padding-left:15px;width:50%;padding-right:10px;float:left;box-sizing:border-box}
.feeddate{width:auto;height:auto;border-radius:0;font-size:12px;padding:5px;margin:0 10px 0 0}
.month{clear:none;display:inline;padding:0 5px}
.feedcontent{min-height:20px}
#activity_stream img,.org_searchimages img,.stream-img img,#noticeboard .nb img{max-width:100%;float:none!important}
.org_search2,.edm2,.edm3{margin:0 auto}
ul.testislides li span.testi_pic{float:none}
ul.testislides li .testi_text{margin-left:0}
#apps_searchdiv{width:50%}
#apps_search .inputbox{max-width:70%}
.buypricing,.callpricing{border:0;width:100%}
.callpricing{margin-top:10px;padding-top:20px;border-top:1px solid #fff}
.buypricing>div,.callpricing>div{margin:0}
#landingbanner h2,#landingbanner h1{margin:0 0 10px;padding:0}
.pricing-call span{display:block;margin:10px 0}
}
@media screen and (max-width:480px) {
.divinner{padding:0 10px}
#clients ul li{width:80px;height:45px;margin:5px}
.featureslist>div>div{width:96%;float:left}
.freeuser,.paiduser{width:100%;margin-bottom:10px}
}
@media screen and (min-width:645px) and (max-width:767px) {
#home_price h4,.item-page.planspricing h4{font-size:17px;line-height:22px}
.plandiv{width:44%;margin:0 2%}
.premise{width:90%;margin:0 5%}
}
@media screen and (min-width:180px) and (max-width:600px) {
.mainrow .row{padding:30px 10px}
.mainrow.addons .row{padding:0}
#pricing .bottompricing .callpricing{padding:30px 40px}
#pricing .bottompricing .callpricing .border-btn{margin-top:20px}
.about-uknowa-hrms-sec{padding:125px 0 60px}
#manageworkforce .left_section .feature_desc{font-weight:400;padding:10px 0 0}
#pricing span.amt{font-size:30px;line-height:40px}
span.currancy{font-size:15px}
.buypricing ul{margin:20px 10px 0;max-width:none}
#landingbanner ul.hrms li.buttonli{display:block}
#landingbanner ul.hrms li{margin-bottom:22px}
div#landingbanner .page-header{padding:30px 0}
.testi_pic img{width:90px}
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:4071) {
.testimonials.swiper .client-details .content{height:480px}
.testimonials.swiper .client-details .content p.positon{font-size:14px}
#home_testimonials .client-details .img{padding:30px 10px 10px}
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
#landingbanner h2{font-size:30px}
#tabone.freeuser,#tabthree.freeuser{margin-right:44px}
.quickinstall #quick_install ul#hrmsformul li:first-child input,.quickinstall #quick_install ul#hrmsformul li:nth-of-type(2) input{margin-bottom:0}
#pricing #tabrs p.cur_selection,#pricing #tabdollar p.cur_selection{display:none}
#home_testimonials .client-details .img{padding:30px 10px 10px}
}
@media(max-width:768px) {
#landingbanner ul.hrms li{margin-bottom:22px}
.landing-hrms-banner{min-height:auto}
.hide-in-mobile{display:none!important}
.show-in-mobile{display:block}
.landing-hrms-banner .box-widget{display:none}
.how-hrms-work-youtube{position:static}
.how-hrms-work-youtube .content{transform:none;animation-name:none;margin:20px auto 0}
.about-uknowa-hrms-sec .details p{width:100%}
#apps .com-content img{width:100%;height:100%;margin-bottom:20px}
#apps .com-content,#apps .com-images{width:100%}
.hrms-for-govt-india.box-hrms-blue .gov-img{position:relative;text-align:center;width:100%}
#hrmsformul{display:block;width:100%}
#quick_install ul#hrmsformul.hrms li{width:80%}
.youtube-modal.active{width:100%;padding:25px}
#quick_install ul#hrmsformul li:nth-of-type(2) input.inputbox,#quick_install ul#hrmsformul li:first-child input.inputbox{width:76%;border:1px solid #C4C4C4;border-radius:50px}
#home_testimonials .client-details .img{padding:30px 10px 10px}
#quick_install ul#hrmsformul li:last-child{display:inline-block}
#quick_install ul#hrmsformul li:first-child::after{display:none}
.landingbannertop{background:unset}
#mob_buydemo .button{margin:16px 0 0}
#landingbanner{background-size:cover}
#quick_install ul#hrmsformul li:last-child{margin-left:0}
.manage-your-workflow-subarticle .types{width:100%}
.manage-your-workflow-subarticle .types-details{width:100%}
#home_testimonials .client-details{display:block}
.testimonials .client-details .content{width:100%;padding:15px}
.testimonials .client-details .content:after{border-top:0 solid transparent;border-bottom:35px solid transparent;border-left:45px solid #1189e7;right:50%;margin-right:-17px;top:99%}
.testimonials .client-details .content h3{font-size:20px}
#headerright{z-index:-1;padding:3px 0}
#header.fixed #headerleft{background:#fff}
.about-uknowa-hrms-sec .details p{font-size:14px}
.hrms-for-govt-india.row.box-hrms-blue .wrp-hrms{padding:0}
.hrms-for-govt-india.row.box-hrms-blue .wrp-hrms .headline br{display:none}
.hrms-for-govt-india .button{margin:15px auto}
#apps .divinner .custom.govt-manage-people{padding:20px 20px 0}
#apps .com-content{margin-top:25px}
.freeuser,.paiduser{width:100%}
.freeuser{margin-right:0}
#pricing .font-lg br{display:none}
#topmenu ul li a:hover,#topmenu ul li a.active{background:#dddada}
#home_testimonials .swiper-slide.swiper-slide-active .client-details{width:100%;margin:0 auto}
#header{padding-top:0}
#pricing p.cur_selection{display:block}
#workflow-like-pro ul.newsflash-vert{display:none}
#workflow-like-pro ul.newsflash-content .newsflash-item-accordion{padding:18px 7px 0;display:flex;font-size:16px;font-weight:600;border-bottom:none;color:#333;align-items:center;justify-content:space-between;border-top:2px solid;transform:translateY(8px);animation:C .6s cubic-bezier(.22,.61,.63,.85)}
#workflow-like-pro ul.newsflash-content .newsflash-item-accordion.inactive{border-top:none;border-bottom:1px solid #d3d3d3;padding:13px 7px}
#workflow-like-pro ul.newsflash-content .newsflash-item-accordion.inactive img{transform:rotate(0deg)}
#workflow-like-pro ul.newsflash-content .newsflash-item-accordion img{width:12px;height:12px;transform:rotate(180deg)}
#workflow-like-pro ul.newsflash-content .newsflash-item{overflow-y:hidden}
#workflow-like-pro ul.newsflash-content .newsflash-item.hide{height:0;padding:0;transition:all .6s;padding:0 10px}
#workflow-like-pro ul.newsflash-content .newsflash-item.show{transition:height .6s cubic-bezier(.22,.61,.63,.85);padding:10px}
.manage-your-workflow-subarticle .types-details{display:block}
#workflow-like-pro .swiper-pagination{width:100%;left:unset;right:unset;transform:unset;top:0;text-align:left}
#workflow-like-pro .swiper-pagination-bullet{display:block;margin:17px 0}
#workflow-like-pro .swiper-pagination-bullet:last-child{margin-bottom:0}
.manage-your-workflow-subarticle .swiper-wrapper{height:375px;width:100%}
.manage-your-workflow-subarticle .swiper-slide{height:auto!important}
#workflow-like-pro .swiper-pagination-bullet.swiper-pagination-bullet-active a{padding:0;background:unset;color:#333}
#workflow-like-pro .swiper-pagination-bullet.swiper-pagination-bullet-active a .white-bg{display:none}
#workflow-like-pro .swiper-pagination-bullet.swiper-pagination-bullet-active a .black-bg{display:none}
#workflow-like-pro .swiper-pagination-bullet a{font-size:14px;font-weight:600;position:relative;margin-left:20px}
#workflow-like-pro .swiper-pagination-bullet a::before{content:'';background:#333;width:5px;height:5px;display:block;border-radius:50px;position:absolute;left:-11px;top:6px}
#workflow-like-pro .swiper-pagination-bullet.swiper-pagination-bullet-active a img,#workflow-like-pro .swiper-pagination-bullet a img{width:18px;margin-right:4px;display:none}
ul.hrms label.error{left:32px}
#apps .com-images img{width:100%}
.manage-your-workflow-subarticle .swiper-wrapper{display:none}
#workflow-like-pro .swiper-pagination-bullet:first-child{margin-top:14px}
#workflow-like-pro h3{margin-bottom:15px}
#quick_install{margin-bottom:0}
.about-uknowa-hrms-sec .details p:last-child{margin-bottom:0}
.about-uknowa-hrms-sec .details{margin-top:40px}
#workflow-like-pro .mainrow .row{padding:30px 0 20px}
.landing_hrms .hrms-for-govt-india.box-hrms-blue{padding:40px 0}
.happy-customer .custom h3{margin-bottom:10px}
.about-uknowa-hrms-sec p.text-center,#home_testimonials h4,#clients p,#landingbanner .form-text p{font-size:16px}
.font-lg{font-size:16px}
.testimonials .client-details .content p.positon{font-size:14px}
body.features-hrms #landingbanner{background:#ddeefe;padding-top:100px}
.features-hrms #landingbanner h2,body.features-hrms .com-content h2{font-size:22px;line-height:28px;margin-bottom:15px}
.features-hrms #landingbanner p.getstarted_cta{margin-bottom:0}
.features-hrms #landingbanner .col2:first-child{margin-top:110px;min-height:100%;padding-right:0}
.hrms-features-list .com-images img,.hrms-features-list lottie-player{box-sizing:border-box;max-width:100%}
.hrms-features-list.centeralign{max-width:100%}
#manageworkforce ul.als-wrapper.nav.menu{display:none}
body.features-hrms .com-content p{margin:15px 0 20px}
body.features-hrms .hrms-features-list .col2{padding:0;padding-right:0;padding-left:0}
body.features-hrms .com-content h2,body.features-hrms .com-content .sec_subhead{text-align:left}
body.features-hrms .hrms-features-list .col2.right-cont{margin-top:30px}
#probation .right-cont{margin-top:100px}
#tax-compliancet .flexbox .col2,#comprehensive-team .flexbox .col2{width:auto;padding:15px;padding-bottom:5px}
#tax-compliancet h5{width:calc(100% - 70px)}
.hrms-features-list-assets .col2 .sec_subhead{margin-bottom:10px}
.hrms-features-list-assets .col2 .icon{float:left}
.hrms-features-list lottie-player{min-height:360px}
.flexbox .col2,.flexbox .col3,#assets .flexbox .col2{width:100%;padding:15px;box-sizing:border-box}
#assets .col3,#assets .col2{margin:15px 0}
.hrms-features-list-assets .icon,.hrms-features-list-assets .col3 .icon,#manage-loans .col3 .icon,.hrms-features-list-assets .col2 .icon,#manage-loans .col2 .icon{display:inline-block;vertical-align:middle;width:65px;margin:0;padding-bottom:20px}
.hrms-features-list-assets h5{display:inline-block;width:calc(100% - 70px);vertical-align:middle}
.hrms-features-list-assets .col3,.hrms-features-list-assets .col2{margin:15px 0}
body.features-hrms .flexbox .col2,body.features-hrms .flexbox .col3{padding:0;width:calc(100% - 10px)}
body.features-hrms .hrms-features-list-assets .col3,body.features-hrms .hrms-features-list-assets .col2{padding:5px 8px}
body.features-hrms #helpdesk img,body.features-hrms #pre-onboarding img,body.features-hrms #hiring img,body.features-hrms #employee-transition img,body.features-hrms #birthdays-anniversary-wishes img{margin-bottom:30px}
.hrms-features-list-assets .col3{margin:15px 0}
body.features-hrms #social-intranet{background:#fff}
body.features-hrms .feature-listing-assets{background:#dcedfd}
.features-hrms #landingbanner .col2 img{margin-top:40px}
body.features-hrms #people-directory,body.features-hrms #project-timeline{padding-bottom:15px}
#manageworkforce .accordian{display:block}
#manageworkforce ul.als-wrapper.nav.menu{display:none}
.landing_hrms #manageworkforce .flexbox{flex-flow:column}
#manageworkforce .flexbox .accordian,#manageworkforce .left_section,#manageworkforce .right_section{-webkit-animation-name:none;animation-name:none;visibility:visible!important;width:100%;padding:0;box-sizing:border-box;margin:0}
#manageworkforce .accordian{border:1px solid #80c0f2;background:#fff;margin:20px 0 0;padding:5px 10px;position:relative;padding-left:54px;border-radius:7px}
#manageworkforce .accordian a{color:#333;font-weight:500;display:block;padding:5px 0;cursor:pointer}
#manageworkforce .left_section ul.nav-child,#manageworkforce .left_section .feature_desc{display:block}
#manageworkforce .flexbox{display:none}
#manageworkforce .accordian a:after{content:">";transform:rotate(90deg);right:12px;top:8px;position:absolute;display:inline-block}
#manageworkforce .accordian:before{content:"";position:absolute;left:0;top:0;display:block;height:50px;width:55px;background-repeat:no-repeat;background-size:375px;background-position:0 -205px;background-image:url(/https/uknowva.com/images/sprite-hrms.png)}
#manageworkforce .accordian.payroll:before{background-position:-47px -205px}
#manageworkforce .accordian.recruitment:before{background-position:-93px -205px}
#manageworkforce .accordian.performance:before{background-position:-138px -205px}
#manageworkforce .accordian.collaboaration:before{background-position:-185px -205px}
#manageworkforce .accordian.timesheet:before{background-position:-230px -205px}
.features-hrms .overlay-img{min-height:262px}
.features-hrms .overlay-img img.two-img{left:60px;top:43px}
.features-hrms .overlay-img img.three-img{top:101px;left:121px}
}
@media(min-width:375px) and (max-width:844px) and (orientation:landscape) {
#quick_install ul#hrmsformul li:first-child::after{height:55%;top:5px}
ul.hrms label.error{left:10px}
body.features-hrms #headerleft #logo img{width:195px}
body.features-hrms #headerright{margin-left:unset}
body.features-hrms #topmenu ul li a{padding:0 5px}
body.features-hrms #topmenu ul li a.free_trial{padding:8px 28px}
body.features-hrms #landingbanner .col2:first-child{margin-top:0}
body.features-hrms #landingbanner h2{margin-top:45px}
body.features-hrms .landingbannerbgblue{height:100%}
body.features-hrms .flexbox .col3{width:calc(37.33% - 30px)}
body.features-hrms #headerleft{background:transparent}
body.features-hrms #people-directory,body.features-hrms #project-timeline{padding-bottom:15px}
}
@media only screen and (min-width:370px) and (max-width:768px) and (orientation:landscape) {
#quick_install ul#hrmsformul li:first-child input,#quick_install ul#hrmsformul li:nth-of-type(2) input{margin-bottom:22px}
#home_testimonials .swiper-slide.swiper-slide-active .client-details img.main{width:100%}
.freeuser,.paiduser{width:45%}
.mainrow h2,#clients h3,#offerings h3,.happy-customer .custom h3,#pricing .bottompricing .callpricing h3,#workflow-like-pro h3,#landingbanner .about-uknowa-hrms-sec h2{font-size:30px}
.testimonials .client-details .content h3{font-size:25px}
.landing-hrms-banner .box-widget,.how-hrms-work-youtube{display:none}
#hrmsformul{width:83%;display:block}
ul.hrms label.error{left:54px;bottom:1px}
.testimonials .client-details .content{width:100%}
#quick_install{margin-bottom:15px}
.features-hrms #landingbanner h2{margin-top:0}
body.features-hrms #landingbanner .col2:first-child,.features-hrms #landingbanner .col2 img{margin-top:45px}
}
@media (max-width:1366px) {
.landing-hrms-banner img.laptop{width:70%}
.landingbannerbgblue{height:675px}
#landingbanner{background-size:cover}
#header{padding-top:0}
}
@media(min-width:768px) and (max-width:1024px) and (orientation:portrait) {
#quick_install ul#hrmsformul li:first-child input,#quick_install ul#hrmsformul li:nth-of-type(2) input{margin-bottom:30px}
ul.hrms label.error{bottom:4px;left:80px}
.testimonials .client-details .content{width:100%}
#home_testimonials .swiper-slide.swiper-slide-active .client-details .img img{width:100%}
#quick_install{margin-bottom:20px}
#topmenu ul li a{color:#333;padding:0 7px}
#topmenu ul li a.free_trial,#mob_buydemo .button{margin:11px 0 15px 10px}
body.features-hrms #headerleft #logo img{width:195px}
body.features-hrms #headerright{margin-left:unset}
body.features-hrms #topmenu ul li a{padding:0 5px}
body.features-hrms #topmenu ul li a.free_trial{padding:8px 28px}
body.features-hrms #landingbanner .col2:first-child{margin-top:0}
body.features-hrms #landingbanner h2{margin-top:45px}
body.features-hrms .landingbannerbgblue{height:100%}
body.features-hrms .flexbox .col3{width:calc(37.33% - 30px)}
body.features-hrms #headerleft{background:transparent}
body.features-hrms #helpdesk img,body.features-hrms #pre-onboarding img,body.features-hrms #hiring img,body.features-hrms #employee-transition img,body.features-hrms #birthdays-anniversary-wishes img{margin-bottom:0}
body.features-hrms #people-directory,body.features-hrms #project-timeline{padding-bottom:0}
}
@media(min-width:768px) and (max-width:1024px) and (orientation:landscape) {
#hrmsformul{width:75%}
body.features-hrms #people-directory,body.features-hrms #project-timeline{padding-bottom:0}
}
@media(min-width:1024px) and (max-width:1366px) and (orientation:portrait) {
.landing-hrms-banner img.laptop{width:55%}
.landing-hrms-banner .leave-management{top:59px;left:18px}
.landing-hrms-banner .attendance-tracking{top:148px;left:-4px;width:245px}
.landing-hrms-banner .salary-slip-management{top:240px;left:11px}
.landing-hrms-banner .virtual-biometric{top:-2px;right:25px}
.landing-hrms-banner .employe-mangment{top:103px;right:8px;width:254px}
.how-hrms-work-youtube{bottom:45px;width:262px}
#header{padding-top:0}
#hrmsformul{width:90%}
#quick_install ul#hrmsformul li:first-child::after{height:45%}
#quick_install ul#hrmsformul li .greenbutton.button{position:relative;top:-16px}
ul.hrms label.error{left:10px}
#home_testimonials .swiper-slide.swiper-slide-active .client-details .img{width:706px}
}
@media(min-width:1024px) and (max-width:1366px) and (orientation:landscape) {
.landing-hrms-banner img.laptop{width:65%}
.landing-hrms-banner .leave-management{left:13px;top:67px}
.landing-hrms-banner .attendance-tracking{left:-35px;bottom:65px}
.landing-hrms-banner .salary-slip-management{top:200px;left:3px}
.landing-hrms-banner .virtual-biometric{top:30px;right:19px}
.landing-hrms-banner .employe-mangment{top:272px;right:6px}
.how-hrms-work-youtube{bottom:15px;right:-2px}
}
@media screen and (min-width:180px) and (max-width:440px) {
.landing-hrms-banner img.laptop{width:100%}
#pricing .customappformdiv p{padding-right:20px}
.about-uknowa-hrms-sec .details{margin-top:0}
#pricing span.amt{font-size:30px;line-height:40px}
span.currancy{font-size:15px}
.subhead{font-size:15px}
#slider_clients ul li{margin-bottom:0}
#clientele #slider_clients{margin-top:30px}
.awards_div .other img{max-height:50px;width:auto}
.awards_div img{max-width:50%}
#pricing .fees{margin-bottom:15px;font-size:28px}
.cur_selection a{font-size:18px;padding:7px 15px}
.about-uknowa-hrms-sec .flexbox .col3{margin:0}
.appstore .store{margin:30px 10px 40px;width:185px;height:185px;padding:25px 20px 10px}
#pricing .buycall{margin-bottom:30px}
.buypricing ul{margin:10px 10px 0;max-width:none}
.buypricing>div,.callpricing>div{margin:0}
.buypricing,.callpricing{font-size:15px}
#landingbanner h2,#landingbanner h1,.mainrow h2,.section-head,#pricing .bottompricing .callpricing h3{font-size:26px;line-height:40px;max-width:300px;margin:0 auto}
.scoll_box{height:40px}
.landingbannerbgblue{clip-path:ellipse(90% 65% at 49% 0%)}
#hrmsformul{margin-bottom:20px}
#apps .com-content div a{max-width:120px}
#clients ul li{width:85px;height:35px;margin:5px}
.right_section .feature_screen{padding:0}
}
#birthdays-anniversary-wishes .mt-5{margin:3px 0 0}
.mt-15{margin-top:15px}
.mt-10{margin-top:10px}
.mt-5{margin-top:5px}
.hrms-features-list-assets .col2 .sec_subhead{margin-bottom:10px}
.bottom-ascb img,.bottom-irqao img,.bottom-iso img,.bottom-iec img{width:50px}
.logo-text{color:#000;margin:0 113px 10px;font-size:12px;width:60%}
#bottom #bottom1 .social img#ascb-img{margin-right:-30px;width:88px;margin-left:10px;margin-bottom:10px}
p#social-icon{margin:0 2% 15px 0}
a.iso-text{max-width:95px;display:inline-block;vertical-align:middle;font-size:11px;line-height:13px;color:#000;font-weight:600}
a.bottom-irqao img{margin-right:13px}
p.social.certification{box-sizing:border-box;background:#fff;border:2px solid #cfcfcf;border-radius:5px}
.certification .iso-text,.certification img{margin-top:10px}
#topmenu ul li a.login-btn{background-color:#fed203;color:#000;line-height:40px;border-radius:30px;padding:0 25px;margin:10px 9px}
.login-btn{background:#fed203!important;color:#000!important;border:1px solid #fed203;border-radius:50px;padding:10px 15px;font-size:14px;line-height:14px;box-shadow:0 3px 6px #00000029;margin-left:10px}
@media screen and (max-width:768px) {
.show-in-mobile i.fa.fa-angle-down{float:right;margin-top:-40px}
#topmenu ul li a.login-btn{padding:5px;margin:14px 0 0;line-height:25px}
#topmenu ul li a.free_trial{padding:5px;margin:15px 10px 0 0}
}
@media screen and (max-width:900px) {
.landing-hrms-banner .employe-mangment{right:20px;top:145px}
.landing-hrms-banner .attendance-tracking{left:0;bottom:50px}
.landing-hrms-banner .leave-management{left:0}
.landing-hrms-banner img.laptop{width:60%}
.landing-hrms-banner .salary-slip-management{left:0;top:200px}
}
@media screen and (max-width:1366px) {
.landing-hrms-banner img.laptop{width:60%}
.how-hrms-work-youtube{position:absolute;right:60px;bottom:50px;position:absolute;right:0;bottom:50px}
}
@media screen and (max-width:1040px) {
.landing-hrms-banner .employe-mangment{right:20px;top:145px}
.landing-hrms-banner .attendance-tracking{left:0;bottom:50px}
.landing-hrms-banner .leave-management{left:0}
.landing-hrms-banner img.laptop{width:60%}
.landing-hrms-banner .salary-slip-management{left:0;top:200px}
}
@media (min-width:304px) and (max-width:700px) {
.how-hrms-work-youtube{position:absolute;right:75px;bottom:-100px}
.section-head-h3{line-height:50px}
}
div#ajaxmsg{text-align:center;padding:10px;background:#fff;color:red;max-width:700px;margin:0 auto 10px;border:1px solid red}
body.landing_hrms .customappformdiv h3,body.landing_hrms .customappformdiv a.formclose{display:none}
body.landing_hrms #landingbanner ul.hrms li{width:auto;vertical-align:top;margin:0 3px}
#landingbanner .form-text p{text-align:center;margin-bottom:15px;font-weight:600;font-size:16px;display:none!important}
ul#hrmsformbottomul{margin-left:0}
body.landing_hrms #landingbanner ul.hrms li input.inputbox{max-width:250px;border-radius:20px;width:300px;padding:10px;margin:5px auto}
body.landing_hrms #landingbanner ul.hrms li input.inputbox#emailid{border-top-right-radius:0;border-bottom-right-radius:0}
body.landing_hrms #landingbanner ul.hrms li input.inputbox#contactnos{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-11px}
body.landing_hrms #landingbanner ul.hrms li .rec_max{padding:10px 0 2px;max-width:280px}
ul#hrmsformbottomul .button:hover{background:#fff;border:2px solid #1bcb84;color:#1bcb84}
ul#hrmsformbottomul .button{background:#1bcb84;position:relative;line-height:20px;text-transform:uppercase;border-radius:20px;margin-top:5px}
ul#hrmsformbottomul span.error{display:block;width:100%;max-width:220px;color:red;font-size:12px;text-align:left;border-radius:20px;margin:0 0 -25px}
.thanks-wrap{color:#fff}
div#createinstanceform #uknowva-login{padding-bottom:20px}
.bottomtext,.frost h5{color:#244d81;letter-spacing:.5px}
.center-attend{background-color:#fff;border:60px solid #f2f9ff;height:400px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:400px;box-sizing:border-box;margin-left:-50px}
.arrow1,.arrow2,.arrow3,.arrow4,.arrow5{height:2px;background-color:#4c8afb;z-index:9;position:absolute}
.center-attend img{margin:-105px 0 0 25px;position:relative;z-index:10}
.arrow5{margin:-35px -95px}
.arrow1:after,.arrow2:after,.arrow4:before,.center-attend .arrow5:after{position:absolute;content:"  ";display:inline-block;left:-6px;top:-3px;width:0;height:0;border-top:5px solid #c8e6fb;border-bottom:5px solid #c8e6fb;border-right:5px solid #c8e6fb;border-left:5px solid #c8e6fb}
.dotted,.dotted1,.dotted2,.dotted3,.dotted4{background-image:linear-gradient(90deg,#fff 5px,#4c8afb 0);background-size:10px 3px;background-position:0 100%}
.arrow1{margin:90px -100px}
.arrow1,.arrow2,.arrow3,.arrow4,.arrow5{min-width:200px}
.arrow2{margin:210px -175px}
.arrow3{margin:-410px 255px;transform:rotateZ(180deg)}
.arrow4{min-width:65px;margin:-379px 419px;transform:rotateZ(270deg)}
.landing_ukv .flexbox .col3{margin:10px 5px;width:calc(33.33% - 20px);padding:10px 0}
.hrms-features-list-assets .flexbox.just_cont,.just_cont{justify-content:space-between}
.col-w{max-width:250px}
#attendance .right-attend{padding:120px 0 0 20px}
.emp_m_container,.left-att{padding:15px 0}
#attendance,#intelligent{padding-top:20px}
.right-attend h2,#allinone h2{text-align:left}
.mainrow .darkbluebackground{margin-top:70px}
body.landing_ukv .landing-hrms-banner,body.landing_ukv .about-uknowa-hrms-sec{display:none}
.left-att h4{font-weight:600;color:#072840;font-size:20px;padding-bottom:15px}
.darkbluebackground{background-color:#0f8ae7}
.flexbox .col4{width:calc(25% - 20px);padding:0}
.fix-image{margin:-15px 0 0}
.flex-image{width:60px}
.flex-image img{margin:0 0 0 -15px;min-width:70px}
#intelligent .none-w{min-width:60px;margin:0 0 0 -10px}
.flex-count{width:calc(100% - 60px);padding-left:10px;box-sizing:border-box}
.bw-text,.h4-color{font-weight:500;font-size:18px;margin-bottom:10px}
.bw-text,.first-h3-b,.wp-text{color:#f0fafe}
.p-text{text-align:left;font-size:14px}
#footer_l li:first-child a,#intelligent .flex-count{padding-left:0}
body.landing_ukv .show-in-landing{display:block!important}
.l-text{font-size:60px}
.feather-image{margin-top:-15px;padding:0 15px}
.frost-container{display:inline-flex}
.frost h5{font-size:15px}
.bottomtext,.frost h5{color:#244d81;letter-spacing:.5px}
.frost.div-flexbox{padding:35px 0 40px;text-align:center}
.f-weight6,.singlecasestudy .casestudy_bannertext p,.sla_table th,.tick li h6,ul.tick.solution h4{font-weight:500}
.bottomtext{font-size:18px;margin-top:-30px;font-weight:300}
#landingbanner .divinner{z-index:2}
body.landing_ukv .how-hrms-work-youtube{position:static;margin:25px auto 0;display:block}
body.landing_ukv #landingbanner .mb_space{padding:100px 0 50px}
body.landing_ukv .request_demo{text-align:center}
#ai-driven>.row{padding-bottom:0}
body.landing_ukv .about-sec{max-width:700px;padding-top:20px}
body.landing_ukv #landingbanner .mb_space .request_demo{text-align:left}
body.landing_ukv .about-sec p{font-weight:400;font-size:15px;line-height:26px}
body.landing_ukv .mb_space{padding-bottom:70px}
body.landing_ukv .how-hrms-work-youtube .content{animation-name:none;margin:0 auto;transform:none}
body.landing_ukv #landingbanner h2{margin:20px 0 10px}
.landing_ukv .center-emp-circle p{text-align:center;line-height:25px}
.landing_ukv .login-btn{display:none}
.location-ul li a{position:relative;background:#188de8;margin:0 10px 15px 0;padding:10px 0 10px 45px;border-radius:25px;width:calc(30% - 0px);display:inline-block;box-sizing:border-box;text-align:left}
.location-ul li a:before{content:"";position:absolute;background:url(/https/uknowva.com/templates/conv_landing/images/bullet.webp) no-repeat;background-size:contain;height:20px;width:20px;left:15px;bottom:13px}
.location-ul li a{color:#fff}
#home_location .row{background:url(../images/buildings.webp) no-repeat;background-position:bottom center;background-size:35%;background-color:#dcedfd;margin-top:70px}
.location_containner{text-align:center}
#home_location .subhead{margin:0 0 45px;max-width:750px;font-size:20px;display:inline-block}
.location-ul li{display:inline}
@media (max-width:700px) {
.login-btn{margin-left:2px}
body.landing_hrms .customappformdiv .form-text{position:static;padding-top:10px}
body.landing_hrms #landingbanner ul.hrms li input.inputbox#emailid,body.landing_hrms #landingbanner ul.hrms li input.inputbox#contactnos{max-width:280px;border-radius:20px;width:80%;margin:10px 0}
ul#hrmsformbottomul .button{height:auto;line-height:20px;margin-top:0;margin-bottom:12px;padding:10px 30px;width:auto}
ul#hrmsformbottomul .button:before{background-position:0 10px;display:inline-block;vertical-align:middle;display:none}
body.landing_hrms #landingbanner ul.hrms li{width:100%}
ul#hrmsformbottomul span.error{margin:0;text-align:center;margin:0 auto;color:#fff;background:#ff000087}
.lets-connect .customappformdiv{padding:10px 20px}
ul.benefits-ul li div{font-size:13px;line-height:18px;font-weight:400}
.lets-connect .moduletable.bottomform.col2 h3{font-size:18px;line-height:22px;font-weight:300;text-align:center}
.fix-image,.lets-connect .form-text{margin:0}
.lets-connect .pricing #hrmsformbottomul input.inputbox{min-width:230px}
ul.benefits-ul{padding:0 10px 0 20px;margin-bottom:40px}
.landing_offering .flexbox.bluebackground{flex-flow:column;padding-bottom:15px;margin:40px 0 0}
#employee .center-emp,#employee .left-emp,#employee .right-emp,body.landing_ukv .flexbox .col2,.flexbox .col3,.flexbox .col4,.landing_offering .flexbox .col3,.lets-connect .moduletable.bottomform.col2{width:calc(100% - 10px);padding:0;max-width:100%}
.center-emp-circle{width:100%;padding:0;height:auto;margin:0}
#attendance h2,.bw-text,.h4-color{margin-bottom:10px}
#attendance h2{margin-left:0}
#attendance .right-attend{margin-top:50px}
.emp-text{padding:20px 0;text-align:left}
.emp-text p{text-align:left;margin:0}
#landingbanner .product-intro .p-text,#landingbanner .product-intro h4.left-align-text,.frost-container{text-align:center}
#allinone .fadeInLeft,.arrow1,.arrow2,.arrow3,.arrow4,.arrow5,.center-emp-circle:before,.frost-container .feather-image,.infinity-loader{display:none}
.flex-image img,img.first-img{margin:0 0 0 -20px}
.flex-image img{min-width:60px;max-width:60px}
.flexbox .partner-block{padding:0 20px 20px}
#landingbanner:before{content:none}
.frost-container span.l-text.f-weight6{margin-bottom:25px}
#home_testimonials .client-details,.frost-container{display:block}
#landingbanner .f-weight6.left-align-text:after,#landingbanner .f-weight6.left-align-text:before{content:"";background:url(../images/left-feather.png);width:100px;height:130px;display:block;position:absolute;left:-54px;top:-32px}
#landingbanner .f-weight6.left-align-text:after{left:unset;right:-54px;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1)}
#landingbanner .frost-container .left-align-text,.frost-container>span{text-align:center;width:100%;max-width:245px;margin:0 auto 25px!important;display:block}
.first-h3,.first-h3-b{font-size:18px;font-weight:500}
.left-att{padding:15px 0 0}
#intelligent img.first-img{margin-top:0}
#allinone .right{padding-top:0}
#attendance .right-attend,.right-aio:last-child{padding:0}
#intelligent.flexbox .col4,.flexible-class .flexbox .col4,.landing_offering .flexbox .col3{justify-content:center;-webkit-justify-content:center;-ms-justify-content:center}
body.landing_ukv .flexbox .col2,body.landing_ukv .flexbox .col3,body.landing_ukv .flexbox .col4{width:calc(100% - 10px);padding:0;max-width:100%}
body.landing_ukv #landingbanner .mb_space{padding:40px 0}
body.landing_ukv #landingbanner .mb_space .request_demo{text-align:center;margin-top:30px}
#landingbanner .f-weight6.left-align-text:after,#landingbanner .f-weight6.left-align-text:before{content:"";background:url(../images/left-feather.png);width:100px;height:130px;display:block;position:absolute;left:-54px;top:-32px}
#landingbanner .f-weight6.left-align-text:after{left:unset;right:-54px;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1)}
#landingbanner .frost-container .left-align-text,.frost-container>span{text-align:center;width:100%;max-width:245px;margin:0 auto 25px!important;display:block}
.first-h3,.first-h3-b{font-size:18px;font-weight:500}
#landingbanner .f-weight6.left-align-text,.frost-container{position:relative}
.bottomtext{margin-top:25px}
body.landing_ukv #landingbanner h2{margin:10px auto}
.frost.div-flexbox{padding:0 0 40px}
body.landing_ukv .addons .flexbox .col2{padding:15px;margin:0;width:100%}
body.landing_ukv .landingbannerbgblue{height:750px;clip-path:none;border-radius:0}
.center-attend img{margin:-105px 0 0}
.center-attend{margin:38px 0 40px;width:330px;height:330px}
.mainrow .darkbluebackground{margin-top:40px}
}
.landing_hrms #home_appstore .moduletable h2,.landing_hrms #clientele .moduletable h2,.landing_hrms #home_awards .moduletable h2,.landing_hrms #home_testimonials .moduletable h2,.landing_hrms #pricing .pricing h2,.landing_hrms .about-uknowa-hrms-sec h2{line-height:38px;text-align:center;font-size:42px;color:#333;font-weight:300;margin-top:0;margin-bottom:15px}
.landing_ukv #landingbanner h2,.landing_ukv #home_appstore .moduletable h2,.landing_ukv #clientele .moduletable h2,.landing_ukv #home_awards .moduletable h2,.landing_ukv #home_testimonials .moduletable h2,.landing_ukv #pricing .pricing h2,.landing_ukv .about-uknowa-hrms-sec h2{line-height:38px;text-align:center;font-size:42px;color:#333;font-weight:300;margin-top:0;margin-bottom:15px}
.landing_hrms #manageworkforce h2{line-height:normal;text-align:center;font-size:42px;color:#333;font-weight:300;margin-bottom:50px}
.landing_ukv #manageworkforce h2{line-height:normal;text-align:center;font-size:42px;color:#333;font-weight:300;margin-bottom:50px}
.landing_hrms #landingbanner .landingbannertop h1{margin:30px 0;text-align:center;font-size:44px;color:#002b56;font-weight:300;line-height:50px}
.landing_ukv #landingbanner .landingbannertop h1{margin:80px 0 50px;text-align:center;font-size:44px;color:#002b56;font-weight:300;line-height:50px}
.landing_ukv .show-in-hrms{display:none}
.landing_ukv ul#hrmsformbottomul .button:before{background-size:40px 40px}
.landing_ukv #bottom1 h3,.landing_ukv #bottom1 ul.newsflash-vert{display:none}
.landing_ukv #landingbanner .landingbannertop h1{margin:20px 0 10px}
@media screen and (max-width:600px) {
.landing_ukv #landingbanner h2,.landing_hrms #landingbanner .landingbannertop h1,.landing_hrms #home_appstore .moduletable h2,.landing_hrms #clientele .moduletable h2,.landing_hrms #home_awards .moduletable h2,.landing_hrms #home_testimonials .moduletable h2,.landing_hrms #pricing .pricing h2,.landing_hrms .about-uknowa-hrms-sec h2,.landing_hrms #manageworkforce h2{font-size:26px;line-height:40px;max-width:300px;margin:0 auto}
.landing_ukv #landingbanner .landingbannertop h1,.landing_ukv #home_appstore .moduletable h2,.landing_ukv #clientele .moduletable h2,.landing_ukv #home_awards .moduletable h2,.landing_ukv #home_testimonials .moduletable h2,.landing_ukv #pricing .pricing h2,.landing_ukv .about-uknowa-hrms-sec h2,.landing_ukv #manageworkforce h2{font-size:26px;line-height:40px;max-width:300px;margin:0 auto}
body.landing_ukv #landingbanner ul.hrms li.landing-btn{text-align:-webkit-center}
body.landing_ukv #landingbanner .mb_space{padding:30px 0}
}
@media (max-width:700px) {
body.landing_ukv #landingbanner ul.hrms li{text-align:-webkit-center}
.landing_ukv #mob_buydemo .show-in-landing{margin:16px 0 0}
.landing_ukv #topmenu ul li a.free_trial{display:none}
body.landing_ukv #landingbanner h2{margin:0 auto}
body.landing_ukv #landingbanner ul.hrms li.landing-btn{text-align:-webkit-center}
.landing_ukv ul#hrmsformbottomul .button{line-height:20px;max-width:210px;width:100%;margin-bottom:0;margin-top:0}
.about-uknowa-hrms-sec{padding:40px 0 60px}
.how-hrms-work-youtube{position:static}
}
@media screen and (min-width:700px) and (max-width:900px) {
.landing_ukv ul#hrmsformbottomul .button{margin-top:0}
}
@media screen and (min-width:320px) and (max-width:400px) {
.login-btn{margin-left:2px;padding:11px 10px;margin-right:-5px}
#mob_buydemo .button{padding:9px 10px;margin:10px 0 0}
}
.sprite{height:70px;object-fit:none;object-position:0 0}
.sprite-intranet{object-position:0 -145px}
.sprite-hrms{object-position:-85px -145px}
.sprite-leftfeather{object-position:0 -228px;height:125px;width:80px}
.sprite-rightfeather{object-position:-85px -226px;height:125px;width:80px}
.sprite-flexibility{object-position:-137px 0}
.sprite-scalable{object-position:-207px 0}
.sprite-configurable{object-position:-2px 0}
.sprite-customizable{object-position:-72px 0}
.sprite-easyofuse{object-position:-275px 0;height:477px}
.sprite-intelligent{object-position:-10px -70px;height:80px}
.sprite-automation{object-position:-75px -90px;height:70px}
.sprite-insight{object-position:-141px -87px;height:60px}
.sprite-aidriven{object-position:-211px -90px;height:52px}
#home_appstore .appstore .store img.sprite{height:50px}
.appstore .store img.sprite-project-management{object-position:-295px 0;width:65px}
.appstore .store img.sprite-helpdesk-support{object-position:-380px 0;width:45px}
.appstore .store img.sprite-timesheet{object-position:-435px -5px;width:55px}
.appstore .store img.sprite-login-using{object-position:-520px 0;width:40px}
.appstore .store img.sprite-google-analytics{object-position:-365px -60px;width:75px}
.appstore .store img.sprite-skill{object-position:-300px -65px;width:55px}
.appstore .store img.sprite-organization{object-position:-585px 0;width:43px}
.appstore .store img.sprite-happiness-meter{object-position:-455px -60px;width:55px}
.appstore .store img.sprite-virtual-biometric{object-position:-535px -60px;width:55px}
.appstore .store img.sprite-tm-leaves-calender{object-position:-610px -60px;width:55px}
.appstore .store img.sprite-uknowva-sso{object-position:-520px 0;width:40px}
.appstore .store img.sprite-attendance-regularization{object-position:-300px -130px;width:55px}
.appstore .store img.sprite-meeting-room-booking{object-position:-385px -131px;width:40px}
.appstore .store img.sprite-investment-decleration{object-position:-453px -130px;width:40px}
.sprite-applestore{object-position:-325px -188px;min-width:157px}
.sprite-googlestore{object-position:-487px -188px;min-width:157px}
.sprite-yourstory{object-position:-330px -252px;min-width:165px;min-height:78px}
.sprite-peoplematter{object-position:-175px -265px;min-width:165px;min-height:78px}
.sprite-delhivery{object-position:-335px -315px;min-width:130px;height:35px}
.sprite-orange{object-position:-471px -255px;min-width:130px;height:58px}
.box-wrapper img.sprite{width:45px;height:40px}
img.sprite.sprite-leavemang{object-position:-17px 0}
img.sprite.sprite-salaryslipmang{object-position:-80px 0}
img.sprite.sprite-virtualbio{object-position:-140px 0}
img.sprite.sprite-performancemang{object-position:-202px 0}
img.sprite.sprite-projectandtime{object-position:-262px 0}
img.sprite.sprite-ytimage{object-position:-17px -55px;height:78px}
#about img.sprite{width:80px;height:80px}
img.sprite.sprite-globalpresence{object-position:0 -143px}
img.sprite.sprite-aibacked{object-position:-85px -140px}
img.sprite.sprite-360degree{object-position:-175px -140px}
.addons img.sprite{width:50px;height:50px}
img.sprite.sprite-analyticdash{object-position:0 -300px}
img.sprite.sprite-easyintegration{object-position:-65px -300px}
img.sprite.sprite-mobileready{object-position:-115px -295px}
img.sprite.sprite-loginusing{object-position:-165px -300px}
img.sprite.sprite-playbtn{object-position:-280px -312px;height:25px;width:30px}
#manageworkforce .left_section .nav-child.unstyled.small li a::before,.buypricing ul.feature li:before{content:'';background-image:url(/https/uknowva.com/images/sprite-hrms.png);background-size:390px;background-position:-290px -220px;width:22px;height:70px;display:block;position:absolute;left:0;background-repeat:no-repeat;top:2px}
img.sprite.sprite-resmenuone{object-position:-255px -312px;width:20px;height:auto}
img.sprite.sprite-taxcompliance{object-position:-355px -97px}
img.sprite.sprite-compensation{object-position:-260px -160px}
img.sprite.sprite-selfmanager{object-position:-345px -175px;zoom:.9}
img.sprite.sprite-scorecard{object-position:-339px 10px;zoom:.75}
img.sprite.sprite-comprehensivereport{object-position:-265px -69px}
img.sprite.sprite-teammanage{object-position:-175px -70px}
img.sprite.sprite-scorm{object-position:2px -6px;zoom:.9}
img.sprite.sprite-gamified{object-position:-103px -8px;zoom:.95}
img.sprite.sprite-feedback{object-position:-975px -10px}
img.sprite.sprite-progress{object-position:-1100px -12px}
img.sprite.sprite-learning{object-position:-740px -12px;zoom:.9}
img.sprite.sprite-admincontrol{object-position:-860px -12px;zoom:.95}
img.sprite.sprite-salarygeneration{object-position:-206px -8px;zoom:.95}
img.sprite.sprite-salaryrevisions{object-position:-313px -10px}
img.sprite.sprite-reimbursement{object-position:-425px -12px}
img.sprite.sprite-reimbursementamount{object-position:-525px -12px}
img.sprite.sprite-dues{object-position:-630px -12px}
img.sprite-userinterface{object-position:5px 0}
img.sprite-schedule,img.sprite-biometric{zoom:.52;padding:32px}
.hrms-features-list-assets .flexbox .icon img.sprite-enps,.hrms-features-list-assets .flexbox .icon img.sprite-employee{zoom:.9}
.mobilefriendly-img{width:100%}
.protip-main{position:relative;max-width:1100px;margin:0 auto;margin-top:40px;width:calc(100% - 30px);display:none}
.protip-main.ai-protip{display:block}
.protip{position:relative;box-sizing:border-box;background:#fff;padding:12px;border-bottom-left-radius:5px;border-top-right-radius:5px;z-index:9;box-shadow:0 4px 12px 0 #0000001A}
.protip img{max-width:30px;margin-right:5px;margin-top:-3px}
.protip p{margin-bottom:0;display:inline-block;font-weight:400;font-style:italic;font-size:16px;width:calc(100% - 50px);vertical-align:top}
.protip .protip-blue{color:#108AE6}
.protip-main span.green-button,.protip-main span.yellow-button{position:absolute;z-index:0;width:120px;height:38px;border-radius:5px}
.protip-main span.green-button{left:-6px;top:-6px;background:#1BCB84}
.protip-main span.yellow-button{right:-6px;bottom:-6px;background:#FED203}
@media screen and (max-width:768px) {
.sprite-yourstory{zoom:.5}
img.sprite.sprite-taxcompliance,img.sprite.sprite-compensation,img.sprite.sprite-selfmanager,img.sprite.sprite-scorecard,img.sprite.sprite-comprehensivereport,img.sprite.sprite-teammanage,img.sprite.sprite-salarygeneration,img.sprite.sprite-salaryrevisions,img.sprite.sprite-scorm,img.sprite.sprite-gamified,img.sprite.sprite-feedback,img.sprite.sprite-progress,img.sprite.sprite-learning,img.sprite.sprite-admincontrol{zoom:.7}
img.sprite.sprite-reimbursementamount,img.sprite.sprite-dues{zoom:.9}
.hrms-features-list-assets .flexbox .icon .sprite-img{width:60px;height:60px}
img.sprite.sprite-scorecard{object-position:-342px 6px;zoom:.6}
img.sprite.sprite-feedback{object-position:-975px -6px}
img.sprite.sprite-progress{object-position:-1100px -8px}
img.sprite.sprite-learning{object-position:-736px -8px}
img.sprite.sprite-admincontrol{object-position:-856px -8px}
img.sprite-schedule,img.sprite-biometric{zoom:.4;padding:30px}
.hrms-features-list-assets .flexbox .icon img.sprite-enps,.hrms-features-list-assets .flexbox .icon img.sprite-employee{zoom:.6;padding:6px}
}
.awards_div .featured img{width:150px}
.width100{width:100%}
.wrapper-landing .com-content h1{margin-top:0}
.features-hrms #landingbanner h1{margin:50px auto 30px;text-align:center;font-size:44px;color:#002b56;font-weight:300;line-height:50px}
@media (max-width: 768px) {
.features-hrms #landingbanner h1{font-size:22px;line-height:28px;margin:0 auto 15px}
}
@media (min-width: 768px) and (max-width: 800px) and (orientation: portrait) {
.features-hrms #landingbanner h1{margin:-50px auto 30px;font-size:32px;line-height:40px}
}
@media (min-width: 820px) and (max-width: 850px) and (orientation: portrait) {
.awards_div .featured img{width:160px}
}
.right_section img{width:100%}
.white-background{background:#fff}
@media (max-width:767px) {
#topmenu ul li a{padding:5px 15px}
#headerleft{background:transparent}
#headerleft.white-background{background:#fff}
}
#bottom #bottom1-down{width:34%}
#bottom1-down,#bottom2-down,#bottom3-down,#bottom4-down{width:22%;float:left}
#bottom1-down>.module,#bottom2-down>.module,#bottom3-down>.module{margin-right:40px}
#bottom2-down li,#bottom3-down li,#bottom4-down li{padding-left:25px;font-size:12px;margin-bottom:10px;line-height:18px;position:relative}
#bottom2-down li:before,#bottom3-down li:before,#bottom4-down li:before{content:'';background:#666;width:6px;height:6px;border-radius:50%;position:absolute;left:0;top:4px}
#bottom2-down li a,#bottom3-down li a,#bottom4-down li a{color:#333;font-size:13px;display:block;line-height:15px}
#bottom #bottom1-down .custom .bottom-android-store,#bottom #bottom1-down .custom .bottom-apple-store{width:147px;height:51px}
#bottom #bottom1-down .custom .bottom-android-store img,#bottom #bottom1-down .custom .bottom-apple-store img{width:100%;height:100%}
#bottom #bottom1-down .social img#ascb-img{margin-right:-30px;width:88px;margin-left:10px;margin-bottom:10px}
#bottom #bottom1-down .social img{margin-right:10px}
.btm-dwnld .social{margin-top:15px}
.ico-instagram{background-position:-215px 0}
.ico-instagram:hover{background-position:-215px -40px}
#bottom #bottom1-down .social img#nasscom-img{width:165px;margin-left:10px}
#bottom #bottom1-down .social img#soc-img{margin-right:15px;width:85px;margin-left:17px}
.make-flex{display:flex}
.pricing-list{text-align:left;align-items:flex-start;font-size:14px;gap:16px;margin:0;padding:20px 0;border-top:1px solid #E9E9E9;border-bottom:1px solid #E9E9E9;box-sizing:border-box}
.view-detail-price-btn{width:100%;box-shadow:0 0 30px 0 #04335626}
.buypricing>div,.callpricing >div{margin:0}
.hrms-pricing{gap:20px}
.pricing-main-desc{margin:0 auto;width:78%;line-height:28px}
.hrms-pricing-left{width:35%;border:1px solid transparent}
.most-popular-enterprise-wrapper{width:35%}
#hrms-pricing{gap:50px;justify-content:center;align-items:flex-start;margin-top:55px}
#pricing-left{margin-top:48px;box-sizing:border-box}
.pricing-heading-desc{font-size:14px}
#pricing{background-image:none}
.pricing-desc-wrapper{gap:20px}
.pricing-bottom-desc{font-size:14px}
.hrms-pricing{border-radius:10px;box-shadow:0 9px 22px 0 #0000001a;padding:30px 30px 20px}
.most-popular-enterprise-wrapper .hrms-pricing-right{border:1px solid #0F8AE7;border-top-left-radius:0;border-top-right-radius:0}
.most-popular{padding:12px 0;background-color:#0F8AE7;border-top-left-radius:10px;border-top-right-radius:10px;color:#FFF;display:flex;justify-content:center}
.hrms-pricing:hover{border:1px solid #0F8AE7}
.callpricing{align-items:center;background-color:#ddeefe;border-radius:5px;padding:80px 60px;box-sizing:border-box}
.callpricing-head-1{font-size:42px;color:#093e66;font-weight:400}
.callpricing-head-2{font-size:42px;color:#093e66;font-weight:500}
.callpricing-head-container{gap:25px}
.callpricing{justify-content:space-around;margin-top:55px;padding:60px}
#pricing .inactive-container{display:none}
.mobile-pricing-button{gap:18px;justify-content:center;margin-top:20px;display:none}
.price-tab-hrms{border:2px solid #ccc;color:#ccc;border-radius:5px;font-size:18px;padding:7px 15px;width:85px;text-align:center;cursor:pointer}
.price-tab-hrms:hover{color:#188de8;border:2px solid #188de8}
.price-is-active{color:#188de8;border:2px solid #188de8}
.color-navy-blue{color:#043356}
.nomargin{margin:0!important}
.font-weight-500{font-weight:500}
.font-size-24{font-size:24px}
.font-size-16{font-size:16px}
.color-blue{color:#0F8AE7}
.flex-column{flex-direction:column}
.clientele-see-more-btn-container{justify-content:center}
#social-media{justify-content:space-between;box-sizing:border-box;gap:30px}
.social-media-link-container{gap:12px;justify-content:space-around}
.social-media-link-container h3{padding-bottom:12px}
.left-social-media{gap:30px;flex-direction:column}
.social-media-links{gap:10px}
.play-app-store-container{gap:20px;justify-content:space-around}
.right-social-media-inner{align-items:center;gap:12px;padding:16px;box-sizing:border-box;border-radius:10px}
.iso-container{padding:10px;line-height:normal;color:#333;border-radius:5px}
.iso-container-2{min-height:56px;justify-content:center}
.social-media-certificates{align-items:center;gap:12px}
.social-media-certificates-2{align-items:center}
.social-media-certificates-1-img-1{width:75px}
.social-media-certificates-1-img-2{width:70px}
.social-media-certificates-1-img-3{width:70px}
.ascb-img{width:48px}
.irqao-img{width:50px}
#bottom2 li:before,#bottom3 li:before,#bottom4 li:before{background:#666}
#bottom2 li,#bottom3 li,#bottom4 li{padding-left:15px}
.contact-location-img{background-image:url(../images/contact-us-img.png);background-repeat:no-repeat;background-position:left center;background-size:14px;padding:10px 25px 10px 0}
#contact-us-landing-page{color:#333;gap:10px;font-size:13px}
.contact-us-landing-page{gap:10px}
@media screen and (max-width: 400px) {
#bottom2-down .nav,#bottom3-down .nav,#bottom4-down .nav{-webkit-column-count:2;-moz-column-count:2;column-count:2;margin-bottom:5px}
div#bottom2-down li,div#bottom3-down li,div#bottom4-down li{width:90%}
}
@media screen and (max-width: 600px) {
#bottom #bottom1-down,#bottom2-down,#bottom3-down,#bottom4-down{width:100%;margin-bottom:20px}
.feedcontent{min-height:20px}
#bottom1-down>.module,#bottom2-down>.module,#bottom3-down>.module{margin-right:0}
#bottom2-down li,#bottom3-down li,#bottom4-down li{padding-left:14px;width:45%;float:left;padding-right:5px}
.location-ul li a{margin:0 0 15px;width:auto;display:block}
#home_location .row{background-size:contain}
}
@media screen and (min-width: 768px) and (max-width: 940px) {
#bottom #bottom1-down .social img#ascb-img{width:80px}
a.iso-text{max-width:85px}
#bottom #bottom1-down,#bottom2-down,#bottom3-down,#bottom4-down{width:48%;float:left}
#bottom2-down,#bottom3-down{clear:right}
.location-ul li a{padding:10px 15px 10px 45px;width:calc(38% - 0px)}
#home_location .row{background-size:contain}
}
#clientele #slider_clients{max-width:1100px}
.bg-blue{background-color:#0F8AE7}
.bg-corn-silk{background-color:#FFEEA4}
.bg-turquoise{background-color:#42EACA}
.border-radius-50{border-radius:50px}
#clintele-section{margin-top:45px}
.client-ul{padding:20px 0;background:#fff;border-radius:10px;display:flex;justify-content:space-between;flex-wrap:wrap}
li.client-list{margin:20px 0 25px;width:calc(20% - 25px);display:inline-block;box-sizing:border-box;width:16%}
#clientele .moduletable .Clientele-section-container h2,.Clientele-section-container .subhead{color:#fff}
#clientele .moduletable .awards-section-container h2{color:#fff;text-align:left;line-height:50px;margin-bottom:5px}
.color-yellow{color:#FFDC78}
.Clientele-section-container .subhead span{vertical-align:middle;font-size:32px;position:relative}
.Clientele-section-container .subhead span:before{content:"";position:absolute;background:url(/https/uknowva.com/images/client-award/bottom-yellow-line.png) no-repeat;height:7px;width:167px;background-size:contain;bottom:-5px}
#clientele .moduletable .Clientele-section-container .subhead{font-weight:300;font-style:normal}
.awards-section-container .width-30{width:30%}
.awards-section-container .width-70{width:70%;text-align:left;margin:auto}
.awards-section-container .width-70 img{width:109px;margin:0 10px;vertical-align:middle}
.awards-section-container .width-70 img:nth-child(1){margin-left:0}
.awards-section-container .width-70 img:nth-child(6){margin-right:0}
.awards-section-container{padding:40px 0 50px;background:url(/https/uknowva.com/images/client-award/awards-bg.png) no-repeat;background-size:cover;margin-bottom:45px}
.green-strip{background:url(/https/uknowva.com/images/client-award/green-bg-strip.png) no-repeat}
#clientele .moduletable .awards-section-container .subhead{color:#fff;padding:8px 0 8px 50px;text-align:left;font-style:italic}
.dots{text-align:left;margin-bottom:15px}
.dots span{margin:0 5px;border-radius:50px;font-size:1px;padding:6px}
.dot1{background-color:#188DE8}
.dot2{background-color:#1BCB83}
.dot3{background-color:#FFC727}
#clientele.new-clientele .row{padding:0}
.Clientele-section-container{padding:45px 0 40px;position:relative}
.Clientele-section-container:before,.Clientele-section-container:after{content:"";position:absolute;background:url(/https/uknowva.com/templates/ukv_home/images/dots.webp);height:145px;width:128px}
.Clientele-section-container:before{right:0;top:-5px}
.Clientele-section-container:after{left:0;bottom:0}
span.next-line{display:block}
.blue-btn:hover{background:#fff;color:#188de8}
.Clientele-section-container h2:before,.Clientele-section-container h2:after{content:"";position:absolute;background:url(/https/uknowva.com/images/resource/star.png);background-repeat:no-repeat;height:20px;width:20px}
.Clientele-section-container h2:before{left:390px;bottom:-15px}
.Clientele-section-container h2:after{right:525px;bottom:0;rotate:36deg}
#faqs-payroll{width:100%;overflow:hidden;width:100%}
#faqs-payroll .mainrow .row{padding:60px 0}
#faqs-payroll .mainrow h2{line-height:38px;text-align:center;font-size:32px;font-weight:500;color:#044f86;margin-top:0;margin-bottom:15px}
.faq-box-wrap{position:relative}
.faq-box-wrap:before{position:absolute;content:"";background:url(../images/faqgraphic.svg) no-repeat;left:0;top:0;display:block;z-index:9;width:145px;height:125px}
.faq-box{border:2px solid #F0F1F3;margin-bottom:20px;background:#fff;border-radius:10px}
.faq-box:last-child{margin-bottom:0}
.faq-box.active,.faq-box:hover{border-color:#188de8;border-radius:10px;margin-bottom:20px;background:#fff}
.faq-accordian .faq-data p{font-size:14px;line-height:20px;font-weight:400}
.faq-accordian .faq-data{display:none;padding:0 15px 10px}
.faq-accordian .more-query>div{margin:10px 0 20px;font-size:14px}
.faq-accordian .faq-head{padding:12px 15px;cursor:pointer;font-size:16px;line-height:20px;position:relative;padding-right:40px;margin:0}
.faq-accordian .faq-head:after{content:"+";position:absolute;right:14px;top:10px;font-size:23px;color:#999;font-weight:100;transition:transform .5s ease-in-out;transform:rotate(0)}
.faq-accordian .active .faq-head:after{transform:rotate(45deg)}
.faq-accordian .faq-list{width:calc(100% - 350px);margin-top:30px}
.faq-box-wrap .mainrow.divinner{max-width:1200px;margin:0 auto}
.faq-accordian .more-query{width:300px;padding:10px 20px;border-radius:10px;box-sizing:border-box;margin-top:30px}
.faq-box-wrap .subhead{font-weight:400}
#hr-maturity-bottom{position:relative;background:#fff}
.hr-maturity.mainrow{padding:40px 0 30px}
#hr-maturity-bottom:before{content:"";background:linear-gradient(to top,#fdfcfc 100%,#fbfbfb 100%);clip-path:ellipse(60% 65% at 41% 0%);height:300px;width:100%;position:absolute;top:0}
.hr-maturity-container.bluebg{width:90%;margin:0 auto;position:relative;height:auto;background-color:#008de7;padding:20px 0}
.maturity-img{width:250px}
.maturity-img img,li.whyhr.topmg{margin-top:-35px}
.maturity-text{width:calc(100% - 560px);z-index:999}
.maturity-text h4{font-weight:500;color:#fff;font-size:27px;line-height:35px;text-align:left;margin-bottom:20px}
.maturity-text a{float:left;border:2px solid #fff}
.hr-maturity-container.bluebg:after{content:"";background:url(../images/cloud.png) no-repeat;position:absolute;width:500px;height:203px;top:0;right:0;z-index:2}
.features-hrms #home_testimonials .section-head{font-size:32px;font-weight:500;color:#044f86}
.landing_hrms .subhead.hrms-subhead{margin-bottom:30px;padding-top:0}
@media screen and (max-width: 768px) {
.mobile-pricing-button{display:flex}
.pricing-desc-wrapper{gap:10px}
#pricing-left{margin-top:0}
#hrms-pricing{margin-top:24px;flex-wrap:wrap;gap:0;flex-direction:column}
#pricing-left,#pricing-right{width:100%}
.pricing-list{gap:8px;padding:10px 0}
.price-hide{display:none}
#pricing.mainrow .row{padding-bottom:40px}
#home_location .row{margin-top:30px}
.pricing-list,.pricing-list .font-size-16{font-size:14px}
.faq-box-wrap:before{background-size:60px}
.faq-accordian .faq-list{width:calc(100% - 0px)}
#faqs-payroll .divinner{margin:0 22px}
.faq-accordian .more-query{width:100%}
}
@media screen and (max-width: 700px) {
.awards-section-container .width-70,.awards-section-container .width-30{width:100%}
.Clientele-section-container .subhead span{font-size:20px}
.Clientele-section-container:before,.Clientele-section-container:after{height:75px;width:75px}
.Clientele-section-container .subhead span:before{width:100px}
#clientele .moduletable .Clientele-section-container .subhead{line-height:28px}
.client-ul{padding:20px 0;justify-content:center}
li.client-list{margin:10px 0;width:calc(50% - 10px)}
.awards-section-container .width-70 img{width:140px;margin:10px}
.awards-section-container .width-70 img:nth-child(1){margin-left:10px}
.awards-section-container .width-70{margin-top:20px;text-align:center}
span.next-line{display:inline-block}
.dots{text-align:center}
.green-strip{background-position:center}
#clientele .moduletable .awards-section-container .subhead{padding:8px 0 8px 20px;text-align:center;font-size:18px}
.Clientele-section-container{padding:35px 0 30px}
#clintele-section{margin-top:20px}
#clientele .moduletable .awards-section-container h2{text-align:center}
.client-list img{max-width:120px}
.Clientele-section-container h2:before,.Clientele-section-container h2:after{zoom:.7}
.Clientele-section-container h2:before{left:75px;bottom:0;top:90px}
.Clientele-section-container h2:after{right:30px;top:20px}
.awards-section-container .width-70 img:nth-child(6){margin-right:10px}
#faqs-payroll .moduletable h2,.features-hrms #home_testimonials .section-head{font-size:22px}
.hr-maturity.mainrow{padding:35px 0 0}
.hr-maturity-container.bluebg{width:100%}
.maturity-img{width:auto}
.maturity-text{width:auto;margin:0;padding:30px}
.maturity-text h4{margin-bottom:15px}
.hr-maturity-container.bluebg:after{background:0 0}
.maturity-img img{max-width:80%}
}
@media screen and (min-width: 701px) and (max-width: 820px) {
.Clientele-section-container h2:before,.Clientele-section-container h2:after{zoom:.7}
.Clientele-section-container h2:before{left:270px;bottom:0;top:105px}
.Clientele-section-container h2:after{right:275px;top:70px}
li.client-list{margin:10px 0;width:calc(25% - 20px)}
.client-list img{max-width:120px}
#clientele .moduletable .Clientele-section-container h2{font-size:35px}
#clientele .moduletable .awards-section-container h2{font-size:32px;line-height:44px}
#clientele .moduletable .awards-section-container .subhead{font-size:15px;padding:8px 0 8px 25px}
.awards-section-container .width-70{text-align:center}
.awards-section-container .width-70 img{width:110px;margin:8px 10px}
.green-strip{background-size:contain;background-position:center}
.client-ul{justify-content:space-around}
.awards-section-container .width-30{margin:auto}
.awards-section-container .width-70 img:nth-child(1){margin-left:10px}
.awards-section-container .width-70 img:nth-child(6){margin-right:10px}
}
@media screen and (min-width: 820px) and (max-width: 850px) {
.Clientele-section-container h2:before{left:290px;bottom:0;top:40px}
.Clientele-section-container h2:after{right:275px;top:0}
.client-ul{justify-content:space-around}
.awards-section-container .width-30{margin:auto}
.awards-section-container .width-70 img:nth-child(1){margin-left:10px}
.awards-section-container .width-70 img:nth-child(6){margin-right:10px}
}
.landing_hrms .awards-section-container{display:none}
.overflow-ellipse{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.features-hrms #contentarea #manageworkforce.scrollbar ul.als-wrapper-new-menu{justify-content:flex-start;padding:0 0 15px;margin:0}
.features-hrms #contentarea #manageworkforce ul.als-wrapper-new-menu::-webkit-scrollbar{display:none}
#manageworkforce ul.als-wrapper.nav.menu:before{bottom:-1px}
.features-hrms #manageworkforce ul li.parent.active a span:before{bottom:-10px}
.features-hrms #manageworkforce ul li.parent::after{bottom:-1px}
.features-hrms #manageworkforce.stickyhead.scrollbar{overflow:scroll;scrollbar-width:none;background:#fff0;margin:0 auto;justify-content:center}
.features-hrms #manageworkforce ul li.parent{max-width:18%;background:#fff;flex:1}
@media screen and (min-width:768px) and (max-width:1023px) {
#manageworkforce ul li.parent{min-width:20%}
.features-hrms #manageworkforce ul li.parent a{padding:15px 12px}
}
.hrms-features-list .flexbox{padding:0 20px}
#predictive-analytics-cta .cta-container{background-image:url(/https/uknowva.com/templates/conv_landing/images/site/predictive-analytics/predictive-analytics-cta.png);background-size:cover;overflow:hidden;text-align:center;border-radius:20px;padding:20px}
#predictive-analytics-cta .payroll-cta h2{color:#fff;font-size:30px;font-weight:700;line-height:1.5;text-align:left}
#predictive-analytics-cta .cta-container p{text-align:left;color:#fff}
#predictive-analytics-cta .cta-btn{display:flex;width:fit-content;margin-top:20px;padding:12px 24px;border-radius:30px;font-size:15px;color:#fff;transition:all .3s ease;border:1px solid #fff}
.btn-arrow{content:'';background-image:url(/https/uknowva.com/templates/ukv_home/images/btn-arrow-right.webp);width:30px;height:24px;background-repeat:no-repeat;background-size:20px;background-position:center center;transition:background-image .3s ease,background-position .3s ease;display:flex}
.btn-arrow-container{display:flex;align-items:center}
.btn-arrow-container:hover .btn-arrow{background-image:url(/https/uknowva.com/templates/ukv_home/images/btn-arrow-right-blue.png);background-position:10px center}
#predictive-analytics-cta .cta-btn.btn-arrow-container:hover{background:#fff;color:#188de8}
@media screen and (min-width:768px) and (max-width:1023px) {
.features-hrms .overlay-img-features img.two-img{top:80px;left:80px}
}
@media (max-width:767px) {
body.features-hrms #people-directory,body.features-hrms #project-timeline{padding-bottom:50px}
}
@media (min-width:1025px) {
#headerleft{float:none;flex:0 0 auto}
#headerright{float:none;margin-left:0;flex:1;display:flex;justify-content:flex-end;align-items:center}
#header .divinner{max-width:100%;margin:0 auto;display:flex;gap:30px}
}
@media screen and (min-width:701px) and (max-width:820px) {
.subscribe-page .hrms-pricing-head-container .newsletter-subcription{margin-top:26px;padding:0;margin-bottom:0;background-color:#fff0;margin-bottom:6px}
.subscribe-page .hrms-pricing-head-container .newsletter-desc{display:none}
.subscribe-page .hrms-pricing-head-container .newsletter-subcription-wrap{justify-content:center}
.subscribe-page .hrms-pricing-head-container .newsletter-subcription .success_message{color:#fff}
.subscribe-page .hrms-pricing-head-container .newsletter-subcription #newsletterBtn{background-color:#1bcb84;border-color:#1bcb84}
.subscribe-page .hrms-pricing-head-container .newsletter-subcription #newsletterBtn:hover{background-color:#fff;border-color:#1bcb84;color:#1bcb84}
.subscribe-page .hrms-pricing-head-container .newsletter-subcription #newsletterBtn:hover .btn-arrow{background-image:url(/https/uknowva.com/templates/ukv_home/images/btn-arrow-right-green.png)}
}
.newsletter-subcription .newsletter-form .button{border-radius:50px}
@media screen and (max-width:500px) {
body.subscribe-page .hrms-pricing-head-container .newsletter-subcription .newsletter-form{gap:0}
}
@media (max-width:1024px) {
.subscribe-page .hrms-pricing-head-container .newsletter-subcription{width:100%}
.subscribe-page .hrms-pricing-head-container .newsletter-subcription .newsletter-form{gap:14px}
}
.eventlinks #bottom .newsletter-subcription{display:none}
@media (min-width:1023px) {
.eventlinks .newsletter-subcription{margin:40px 30px}
}
@media (max-width:480px) {
.eventlinks .newsletter-subcription{margin-left:12px;margin-right:12px}
}
@media (max-width:767px) {
.newsletter-form{gap:10px}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.newsletter-subcription-wrap{flex-direction:column;gap:10px}
}
#manageworkforce.stickyhead{display:flex;align-items:center}
#manageworkforce ul.als-wrapper-new-menu{overflow:visible}
#manageworkforce-swiper{overflow:hidden}
#manageworkforce #manageworkforce-swiper .als-wrapper{transform:translate3d(0,0,0);width:auto}
.scroll-btn{background:#fff;border:2px solid #0f17240a;height:40px;width:30px;border-radius:10px;color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 8px;cursor:pointer;box-shadow:0 3px 8px #040a160f;align-self:center}
.scroll-btn.disabled{opacity:0;pointer-events:none}
.button-wrapper{background:#fff;display:flex;height:stretch;margin-bottom:17px;flex:1}
.button-wrapper-left{justify-content:flex-end}
#manageworkforce button:hover,#manageworkforce button:focus,#manageworkforce button:active{background:#fff;border:2px solid #000;color:inherit}
@media screen and (min-width:1025px) {
#manageworkforce .scrollbar ul li.parent{min-width:20%}
}
@media screen and (max-width:767px) {
.button-wrapper{display:none}
}
#manageworkforce-swiper{overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}
#manageworkforce-swiper::-webkit-scrollbar{display:none}
.features-hrms #landingbanner p{display:flex;justify-content:center}
div#bottom_contact{display:flex}
div#bottom_contact .module:first-child{width:calc(40% - 40px);margin-right:40px}
div#bottom_contact .module.btm-dwnld{width:60%}
.ascb-img,.bottom-ascb img,.bottom-iec img,.bottom-irqao img,.bottom-iso img,.irqao-img{width:70px}
.social-media-certificates-1-img-1{width:100px}
.social-media-certificates-1-img-2,.social-media-certificates-1-img-3{width:90px}
.left-social-media .social-media-links img{max-width:30px}
div#bottom2-down,div#bottom4-down{width:40%}
div#bottom3-down{width:20%}
#bottom .two-col-grid ul li{width:calc(50% - 4px);display:inline-block;box-sizing:border-box}
#bottom1,#bottom1-down,#bottom2,#bottom2-down,#bottom3,#bottom3-down,#bottom4,#bottom4-down{width:20%}
#bottom2 li:before,#bottom3 li:before,#bottom4 li:before,#bottom2-down li:before,#bottom3-down li:before,#bottom4-down li:before{display:none}
#bottom2-down li,#bottom3-down li,#bottom4-down li,#bottom2 li,#bottom3 li,#bottom4 li{background-image:none;padding-left:0;margin-bottom:4px;display:inline-block;width:100%}
#bottom h3{font-weight:600;margin-bottom:10px;padding-bottom:5px}
#footer .divinner{padding-top:10px;border-top:2px solid #eeee;margin-top:5px}
#bottom2 + div#bottom3{width:22%}
#bottom2{width:18%}
@media screen and (min-width: 768px) and (max-width: 940px) {
#bottom1,#bottom2,#bottom3,#bottom4,#bottom2 + div#bottom3{width:48%;float:left;clear:none}
div#bottom3-down,div#bottom2-down,div#bottom4-down{width:50%}
}
@media screen and (max-width: 768px) {
#bottom1,#bottom2,#bottom3,#bottom4,div#bottom3-down,#bottom2 + div#bottom3,div#bottom2-down,div#bottom4-down,div#bottom_contact .module:first-child,div#bottom_contact .module.btm-dwnld{width:100%}
div#bottom_contact{flex-flow:column}
#bottom2 li,#bottom3 li,#bottom4 li{width:45%;float:left;margin-right:10px}
}
@media screen and (max-width: 520px) {
#bottom .two-col-grid ul li{width:92%}
.make-flex.right-social-media-inner.bluebackground{flex-flow:column}
}