/*-- Author:Nitin Kumar Author URL: https://www.netcommlabs.com/ License: netcommlabs 1.0 --*/ .h_anim1,.h_anim2,.h_anim3{position:relative}.h_anim1,.h_anim2{transition:all .4s ease-in;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in}.anim_btn img,.cofeecup_animat1,.gogle_animat1,.ipad_animat2,.medal_animat1,.ribbon_anim2{position:absolute}.ask_demo,.ask_demo_grey{text-transform:uppercase;font-family: lato,sans-serif;}body{overflow-x:hidden}.h_anim1{margin:0 0 10px;padding:0;animation:h_anim1 .4s ease-in;-webkit-animation:h_anim1 .4s ease-in;-moz-animation:h_anim1 .4s ease-in;opacity:0;animation-delay:1.3s;-webkit-animation-delay:1.3s;-moz-animation-delay:1.3s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards}@keyframes h_anim1{0%{bottom:-10px;opacity:0}100%{bottom:0;opacity:1}}@-webkit-keyframes h_anim1{0%{bottom:-10px;opacity:0}100%{bottom:0;opacity:1}}.h_anim2{animation:h_anim2 .4s ease-in;-webkit-animation:h_anim2 .4s ease-in;-moz-animation:h_anim2 .4s ease-in;opacity:0;animation-delay:.4s;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards}@keyframes h_anim2{0%{top:-20px;opacity:0}100%{top:0;opacity:1}}@-webkit-keyframes h_anim2{0%{top:-20px;opacity:0}100%{top:0;opacity:1}}.h_anim3{animation:h_anim3 .4s ease-in;-webkit-animation:h_anim3 .4s ease-in;-moz-animation:h_anim3 .4s ease-in;opacity:0;animation-delay:1.9s;-webkit-animation-delay:1.9s;-moz-animation-delay:1.9s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;transition:all .4s ease-in;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in}@keyframes h_anim3{0%{bottom:-10px;opacity:0}100%{bottom:0;opacity:1}}@-webkit-keyframes h_anim3{0%{bottom:-10px;opacity:0}100%{bottom:0;opacity:1}}.anim_btn img{left:125px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.anim_btn:hover img{left:135px}.medal_animat1{right:225px;top:74px}.medal_animat1 img{opacity:0;animation:medal_animat1 .4s ease-in;-webkit-animation:medal_animat1 .4s ease-in;-moz-animation:medal_animat1 .4s ease-in;animation-delay:4.2s;-webkit-animation-delay:4.2s;-moz-animation-delay:4.2s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;transition:all .4s ease-in;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in}.ipad_animat2 img,.ribbon_anim2 img{position:absolute;transition:all .4s ease-in;margin:0}@keyframes medal_animat1{from{transform-origin:top;transform:rotate3d(0,0,20,-7deg);opacity:.4}to{transform-origin:top;transform:none;opacity:1}}@-webkit-keyframes medal_animat1{from{transform-origin:top;transform:rotate3d(0,0,20,-7deg);opacity:.4}to{transform-origin:top;transform:none;opacity:1}}.ipad_animat2{bottom:-50px;left:0}.ipad_animat2 img{bottom:0;opacity:0;animation:ipad_animat2 .6s ease-in;-webkit-animation:ipad_animat2 .6s ease-in;-moz-animation:ipad_animat2 .6s ease-in;animation-delay:.8s;-webkit-animation-delay:.8s;-moz-animation-delay:.8s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in}@keyframes ipad_animat2{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:.7}to{transform-origin:right bottom;transform:none;opacity:1}}@-webkit-keyframes ipad_animat2{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:.7}to{transform-origin:right bottom;transform:none;opacity:1}}.cofeecup_animat1{right:130px;top:140px}.cofeecup_animat1 img{animation:zoom1 .4s ease;-webkit-animation:zoom1 .4s ease;-moz-animation:zoom1 .4s ease;animation-delay:1.8s;-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;opacity:0}.gogle_animat1{right:100px;top:280px}.gogle_animat1 img{animation:zoom1 .4s ease;-webkit-animation:zoom1 .4s ease;-moz-animation:zoom1 .4s ease;animation-delay:2.1s;-webkit-animation-delay:2.1s;-moz-animation-delay:2.1s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;opacity:0}.ribbon_anim2{right:-130px;bottom:-75px;z-index:-1;background:#fff}.ribbon_anim2 img{right:0;bottom:0;opacity:0;animation:ribbon_anim2 .4s ease-in;-webkit-animation:ribbon_anim2 .4s ease-in;-moz-animation:ribbon_anim2 .4s ease-in;animation-delay:2.9s;-webkit-animation-delay:2.9s;-moz-animation-delay:2.9s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in}@keyframes ribbon_anim2{0%{right:-10px;opacity:0}100%{right:0;opacity:1}}@-webkit-keyframes ribbon_anim2{0%{right:-10px;opacity:0}100%{right:0;opacity:1}}.book_anim img{position:relative;opacity:0;animation:book_anim .4s ease-in;-webkit-animation:book_anim .4s ease-in;-moz-animation:book_anim .4s ease-in;animation-delay:.3s;-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;transition:all .4s ease-in;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;transform:scale(.95,.95)}@keyframes book_anim{0%{left:-10px;opacity:0}100%{left:21px;opacity:1}}@-webkit-keyframes book_anim{0%{left:-10px;opacity:0}100%{left:21px;opacity:1}}.offcenet_lite_list ul li:nth-child(1){animation:item1_animate .4s linear;-webkit-animation:item1_animate .4s linear;-moz-animation:item1_animate .4s linear;opacity:0;animation-delay:.5s;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}@keyframes item1_animate{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes item1_animate{0%{opacity:0}100%{opacity:1}}.offcenet_lite_list ul li:nth-child(2){animation:item2_animate .4s linear;-webkit-animation:item2_animate .4s linear;-moz-animation:item2_animate .4s linear;opacity:0;animation-delay:1.2s;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}@keyframes item2_animate{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes item2_animate{0%{opacity:0}100%{opacity:1}}.offcenet_lite_list ul li:nth-child(3){animation:item3_animate .4s linear;-webkit-animation:item3_animate .4s linear;-moz-animation:item3_animate .4s linear;opacity:0;animation-delay:1.4s;-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}@keyframes item3_animate{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes item3_animate{0%{opacity:0}100%{opacity:1}}.offcenet_lite_list ul li:nth-child(4){animation:item4_animate .4s linear;-webkit-animation:item4_animate .4s linear;-moz-animation:item4_animate .4s linear;opacity:0;animation-delay:1.6s;-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}@keyframes item4_animate{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes item4_animate{0%{opacity:0}100%{opacity:1}}.offcenet_lite_list ul li:nth-child(5){animation:item5_animate .4s linear;-webkit-animation:item5_animate .4s linear;-moz-animation:item5_animate .4s linear;opacity:0;animation-delay:1.8s;-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}@keyframes item5_animate{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes item5_animate{0%{opacity:0}100%{opacity:1}}.view_feature a{transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}.view_feature a:hover{background-color:#40c66c;color:#fff;border:2px solid #40c66c;border-radius:0}.our-goal-banner{background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1;position:absolute;width:100%}.carousel-inner>.item>img{z-index:-1}.officenet-make-goals .carousel.slide{position:absolute;top:0;width:100%;left:0}@-webkit-keyframes zoomIn{from{opacity:.9;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}100%{opacity:1}}@keyframes zoomIn{from{opacity:.9;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}100%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@keyframes zoom1{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:1}}@-webkit-keyframes zoom1{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:1}}.offcenet_lite_ribbon{bottom:20px}.ribbon_strip{position:relative;bottom:0;width:36px;height:304px;background-color:#fd7f00;right:70px}.anim_strip{opacity:1;position:absolute}@keyframes anim_strip{0%{height:0;opacity:0}100%{height:304px;opacity:1}}@-webkit-keyframes anim_strip{0%{height:0;opacity:0}100%{height:304px;opacity:1}}.ribbon_bow{position:absolute;z-index:3;top:30px;left:-85px}.ribbon_bow img{top:0;opacity:1;position:absolute}@keyframes ribbon_bow{0%{-webkit-transform:scale(.65) rotate(180deg);-ms-transform:scale(.65) rotate(180deg);transform:scale(.65) rotate(180deg);opacity:0}100%{-webkit-transform:scale(.95) rotate(360deg);-ms-transform:scale(.95) rotate(360deg);transform:scale(.95) rotate(360deg);opacity:1}}@-webkit-keyframes ribbon_bow{0%{-webkit-transform:scale(.65) rotate(180deg);-ms-transform:scale(.65) rotate(180deg);transform:scale(.65) rotate(180deg);opacity:0}100%{-webkit-transform:scale(.95) rotate(360deg);-ms-transform:scale(.95) rotate(360deg);transform:scale(.95) rotate(360deg);opacity:1}}.off_feature_box{margin:35px 0 0 7px;float:left;box-sizing:border-box;padding:11px 10px}.banner_right_sec{width:20%;float:right;text-align:right;margin:-15px 0 0 -20px}.banner_left_sec{width:80%;float:left;}.feature_slider_img h3{display:none}.font_sz36{font-size:36px!important;color:#000}ul.custom_services{margin:0;padding:0 0 55px;text-align:center;width:100%;float:left}ul.custom_services li{display:inline-block;float:left;width:31.33%;margin:0 1%}.cstm_servc_box{width:100%;float:left;background-color:#fff;position:relative;border:1px solid #d8d8d8;min-height:370px;border-radius:15px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}.cstm_servc_box:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);transform:scale(1.05)}.cstm_servc_box h4{background-color:#95d652c2;font-size:13px;color:#fff;position:absolute;top:0;left:5px;padding:5px 12px;font-weight:100;border-radius:20px}.custm_servc_iner,.supoort_link{padding:10px;box-sizing:border-box;width:100%}.custm_servc_iner{margin:25px 0 0}.custm_servc_sub_content{max-height:80px;overflow:hidden;max-width:300px;margin:0 auto;padding:10px 10px;border-top:1px solid #d6d3d3;text-align:left;color:#838c7a;line-height:1.22}.custm_servc_iner iframe{width:100%;height:200px!important;float:left}.custm_servc_iner img{max-width:100%;border-top-left-radius:15px;border-top-right-radius:15px}.supoort_link{text-align:left}.supoort_link h5{font-size:17px;color:#000;display:block;margin:0;padding:0}.supoort_link a{font-size:17px;color:#91bd09;display:block;font-weight:400}.supoort_link a span{padding-right:5px}.ask_demo{padding:8px 12px!important;border-radius:20px;margin:8px;border:3px solid #83c23d;color:#83c23d!important;font-size:12px!important;background-image:linear-gradient(#83c23d,#83c23d);background-repeat:no-repeat;transition:background-size .3s,color -.3s!important;background-position:50% 50%;background-size:0 100%}.ask_demo:hover{border-radius:20px;background-size:100% 100%;color:#fff!important;font-weight:300}.ask_demo_grey{padding:8px 12px!important;background-color:#71ae2c!important;margin:20px 0;border-radius:20px!important;color:#ffffff!important;font-size:12px!important;background-image:linear-gradient(#83c23d,#83c23d);background-repeat:no-repeat;transition:background-size .3s,color -.3s!important;background-position:50% 50%;background-size:0 100%;font-weight:600}.dropdown_nav_menu li a:after{display:block;content:'';border-bottom:solid 2px #83c23d;transform:scaleX(0);transition:transform 250ms ease-in-out}.dropdown_nav_menu li:hover a:after{transform:scaleX(1)}.dedicatd_sprt,.topno_margin{padding:0!important}.ask_demo_grey:hover{background-color:#71ae2c!important;transition:.3s ease-in;-webkit-transition:.3s ease-in;border-radius:0;-o-transition:.3s ease-in;border-radius:20px;background-size:100% 100%;color:#fff!important;font-weight:600}.baner_div{width:100%;float:left;margin:0 0 20px}.baner_div img{width:100%}.dedicatd_sprt{margin-top:0!important}.cptchas{width:120px!important;float:left!important}.ntslprg{width:180px!important;float:right!important}.sbmt_lft{margin-top:3%!important} /*-----home page popup----*/ .embed-responsive, .modal, .modal-open, .progress { overflow: auto; } .home_page .modal.left .modal-dialog, .home_page .modal.right .modal-dialog { position: fixed; margin: auto; width: 460px; bottom: 10px; margin-left:15px; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .home_page .cls{width: 30px; height: 30px; border-radius:15px; background: #ff0000; position: absolute; z-index: 99; right: 7px; top: -11px;} .home_page .modal.left .modal-content, .modal.right .modal-content { height: auto; overflow-y: auto; } .home_page .modal.left .modal-body, .home_page .modal.right .modal-body { padding: 0px; } .home_page .modal.left.fade .modal-dialog{ left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; } .home_page .modal.left.fade.in .modal-dialog{ left: 0; } .home_page .modal-content { position: relative; background:none!important; border:none; box-shadow: none; } .home_page .modal.right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } .home_page .modal.right.fade.in .modal-dialog { right: 0; } .home_page .modal-content { border-radius: 0; border: none; } .home_page .close { font-size:22px; font-weight: 700; line-height: 1; color: #fff; text-shadow: 0 1px 0 #fff; width: 30px; height: 30px; opacity: 1; } .home_page .close:focus, .close:hover { color: #fff; cursor: pointer; opacity: 1; } .home_page .btn-demo { margin: 15px; height: 40px; padding: 10px 15px; border-radius: 0; font-size: 16px;position: absolute; bottom: 0px; background-color: #FFFFFF; } iframe#twitter-widget-0 { margin-top: 30px !important; } .ask_demo.ask_mbl {margin-top: 12px;display: inline-block; visibility:hidden;} @media only screen and (max-width:767px){.ask_demo.ask_mbl{visibility:visible;}}