html body
{
background: #fff;
    font-family: 'Poppins', sans-serif;
}
footer .foot-copy.container {
max-width: 100%;
background: #fff;
}
section #scroll
{
background: #fff;
min-height: calc(100vh - 200px);
}
.text-center {
text-align: center;
line-height: 1.4;
color: #000;
}
.title {
font-weight: bold;
font-size: 3.5em;
       
}
.descr {
font-size: 1.6em;
line-height: 1.7;
        font-family: 'Poppins', sans-serif;
        margin: 15px 0px 0px 0px;
}
 #scroll .descr a
 {
     text-decoration: none;
     color: #32AD65;
 }
 .descr a span
 {
     display: inline-block;
position: relative;
 }
 .descr a span:after
 {
     content: "";
     display: block;
     width: 0%;
     height: 2px;
     transition: all ease 0.4s;
     margin: 0 auto;
     background: #32AD65;
     position: relative;
         bottom: 4px;
 }
 .descr a:hover span:after
 {
     width: 100%;
 }
#scroll .bton a {
color: #fff;
background: #df153c;
padding: 7px 15px;
font-weight: 500;
font-size: 1.2em;
border: 2px solid #f30034;
display: inline-block;
border-radius: 5px;
transition: background ease 0.3s;
}
#scroll .bton a:hover 
{
color: #df153c;
background: #fff;
text-decoration: none;
}
.container .breadcrumb {
display: none;
}
.boxed {
height: 290px;
max-width: 95%;
width: 750px;
margin: 0px auto 20px auto;
position: relative;
overflow: hidden;
}
.obj-sml {
color: #fff;
position: absolute;
top: 150px;
left: 0px;
animation: slide 7s linear infinite;
}
.obj-mdm {
color: #fff;
position: absolute;
top: 100px;
left: 0px;
animation: slide 9s linear infinite;
}
.obj-big {
color: #fff;
position: absolute;
top: 200px;
left: 0px;
animation: slide 6s linear infinite;
}
.bottom-img {
position: absolute;
top: 49%;
transform: translate(-50%, -50%);
left: 50%;
}
.ill-img
{
position: absolute;
top: 54%;
transform: translate(-50%, -50%);
left: 50%;
width: 308px;
height: 318px;
    
z-index: 9;
}
.ill-img img, .ill-img svg
{
position: absolute;
max-width: 100%;
max-height: 100%;
}
.img12 {
    width: 133px;
bottom: 0;
left: 100px;
height: 152px;
    -webkit-transition: height ease 0.03s; 
transition: height ease 0.03s;
}

.img11 {
   bottom: 133px;
width: 40px;
left: 140px;
z-index: 997;
}

.img5{
       bottom: 176px;
width: 186px;
transform: rotate(0deg);
left: -51px;
z-index: 9998;
   transition: all ease 0.5s;
}

.img7{
width: 124px;
bottom: 84px;
left: 10px;
transform: rotate(0deg);
    transition: all ease 0.5s;
}
.img6  {
 z-index: 9999;
transform: rotate(1deg);
left: 34px;
bottom: 72px;
    width: 180px;
transition: all ease 0.5s;
}       
.excl { 
transform: rotate(46deg);
    display: block;
}
 .anim
 {
     animation: slidein 0.5s ease;
     display: none;
      color: #ff71c4;
font-size: 4em;
position: absolute;
   right: 85px;
top: 48px;
font-family: "poppin";
 }

span.excl1 {
position: absolute;
transform: rotate(-22deg);
display: block;
top: 0px;
left: -10px;
}
span.excl3 {
position: absolute;
transform: rotate(22deg);
display: block;
top: 0px;
right: -10px;
}
.obj {
position: absolute;
}
.obj-1 {
top: 100px;
width: 80px;
animation: slid 3s linear infinite;
}
.obj-11 {
top: 100px;
left: 50%;
width: 80px;
animation: slid 2s linear infinite;
}
.obj-2 {
top: 140px;
left: 25%;
width: 70px;
animation: slide 5s linear infinite;
}
.obj-3 {
top: 190px;
width: 80px;
animation: slid 5s linear infinite;
}
.obj-31 {
top: 190px;
left: 50%;
width: 80px;
animation: slid 4s linear infinite;
}
.obj-4 {
top: 240px;
width: 60px;
animation: slid 3s linear infinite;
}
.obj-41 {
top: 240px;
left: 50%;
width: 60px;
animation: slid 2s linear infinite;
}
.obj-5 {
top: 270px;
width: 60px;
left: 5%;
animation: slid 6s linear infinite;
}
.obj-51 {
top: 270px;
width: 60px;
left: 50%;
animation: slid 6s linear infinite;
}
.line
{
position: absolute;
}
.check1 {
display: inline-block;
width: 45px;
height: 2px;
background: #b8d8ff;
}
.check2 {
display: inline-block;
width: 10px;
margin-left: 5px;
height: 2px;
background: #b8d8ff;
}
.line1{
top: 120px;
left: 50%;
animation: slid 4s linear infinite;
}
.line2{
top: 220px;
left: 0%;
animation: slid 4s linear infinite;
}
.line3{
top: 320px;
left: 50%;
animation: slid 4s linear infinite;
}
.line4{
top: 270px;
left: 0%;
animation: slide 3s linear infinite;
}
#searchform #s {
background: #f3f3f3;
border: none;
font-size: 1.5em;
width: 350px;
margin: 0 auto;
display: block;
float: none;
padding: 10px 7px;
transition: box-shadow 0.3s ease-in-out;
background-repeat: no-repeat;
background-size: 22px;
background-position: 97% 22px;
}
#searchform input[type="submit"]{
    background-color: #000 !important;
}
#searchform #s:focus
{
       border: none;

}
.search-sec .suggestion-sec {
margin: 15px auto;
width: 80%;
color: #000;
font-weight: 300;
word-spacing: 5px;
line-height: 2;
       font-size: 0.9em;
}
#scroll .suggestion-sec a {
color: #000;
}
#scroll .suggestion-sec a:hover
{
color: #32AD65;
   text-decoration: none;
}
@keyframes slid{
0%{
transform: translate3d(0, 0, 0);
opacity: 0;
}
2%{
opacity: 0.2;
}
3%{
opacity: 0.3;
}
8%{
opacity: 0.6;
}
15%{
opacity: 1;
}
90%{
opacity: 0;
}
95%{
opacity: 0;
}
100%{
transform: translate3d(400px, 0, 0);
opacity: 0;
}
}
 @keyframes slide{
0%{
transform: translate3d(0, 0, 0);
opacity: 0;
}
2%{
opacity: 0.2;
}
3%{
opacity: 0.3;
}
8%{
opacity: 0.6;
}
15%{
opacity: 1;
}
90%{
opacity: 0;
}
95%{
opacity: 0;
}
100%{
transform: translate3d(750px, 0, 0);
opacity: 0;
}
}
 @keyframes slidein {
0% {
   transform: scale(0);
}
100% {
   transform: scale(1.0);
}
}
 .bottom {
position: absolute;
left: 0;
width: 100%;
    bottom: -7px;
     z-index: 99;
}
.bottom1 {
left: -750px;
}
.bottom span {
display: inline-block;
height: 2px;
width: 125px;
margin-left: 11px;
background: #e8e19b;
    animation: line 38s linear infinite;
}
.bottom span.anim2, .bottom span.anim4, .bottom span.anim6, .bottom span.anim8 {
width: 40px;
}
@keyframes line {
0% {
transform: translateX(0px);
}
100% {
transform: translateX(750px);
}
}
 span.img5 {
width: 98px;
height: 34px;
background: url(https://www.manageengine.com/images/404/sprite.png) -30px -177px;
}
section.com-banner+section {
min-height: calc(100vh - 460px);
}
 @media (min-width: 800px) and (max-width: 1025px)
 {
      nav ul.header-nav {
display: block!important;
}
    #header-mainsec .headerinner .prdLogo {
width: auto;
}
    .fr {
margin-right: 20px;
}
     html, body {
overflow-x: hidden;
}
     #commonHeader #topsec-rhs {
display: block;
}
 }
@media (min-width: 600px) and (max-width: 800px)
{
.bottom span
    {
        width: 108px;
    }
    span.footer-subscribenewsletteremail
    {
        width: 80px;
    }
    .divisionHead {
font-size: 0.9em;
}
    #searchform #s, .search-sec .suggestion-sec {
width: 85%;
}
}
@media only screen and (max-width: 600px)
{
    #searchform #s, .search-sec .suggestion-sec {
width: 85%;
}
@keyframes slide{
0%{
transform: translate3d(0, 0, 0);
opacity: 0;
}
2%{
opacity: 0.2;
}
3%{
opacity: 0.3;
}
8%{
opacity: 0.6;
}
15%{
opacity: 1;
}
80%{
opacity: 0.8;
}
90%{
opacity: 0.5;
}
100%{
transform: translate3d(520px, 0, 0);
opacity: 0;
}
}
@keyframes slid{
0%{
transform: translate3d(0, 0, 0);
opacity: 0;
}
2%{
opacity: 0.2;
}
3%{
opacity: 0.3;
}
8%{
opacity: 0.6;
}
15%{
opacity: 1;
}
80%{
opacity: 0.8;
}
90%{
opacity: 0.5;
}
100%{
transform: translate3d(280px, 0, 0);
opacity: 0;
}
}
.descr {
font-size: 1em;
}
.title
{
font-size: 3em;
margin-top: 20px;
}
   
    .bottom span
    {
        width: 42px;
    }
   .bottom span.anim2, .bottom span.anim4, .bottom span.anim6, .bottom span.anim8
    {
        width: 20px;
    }
    .ill-img
    {
        left: 72%;
    }
    .bottom
    {
        display: none;
    }
    div#fixedbtn
    {
        z-index: 999;
    }
}
@media screen and (min-width: 1024px) and (max-height: 600px)  {
#scroll .bton a {
font-size: 0.8em;
}
.descr {
font-size: 1em;
line-height: 1.4;
}
.title {
font-size: 2em;
}
    span.footer-subscribenewsletteremail {
width: 45%;
}
}
.btm-line {
display: block;
width: 750px;
height: 3px;
position: absolute;
bottom: -1px;
background-image: linear-gradient(to right, #fff , #0000ff00, #ff000000, #ff000000, #ff000000 , #fff);
   z-index: 999;
}

/*  haeding */
.img8 {
   bottom: 168px;
left: 121px;
z-index: 998;
width: 54px;
height: auto;
z-index: 999;
display: block;
    transitiion: all ease 0.5s;
}
.blink40 .img8, .blink41 .img8, .blink42 .img8, .blink43 .img8, .blink44 .img8, .blink45 .img8, .blink46 .img8, .blink47 .img8, .blink48 .img8, .blink49 .img8, .blink50 .img8, .blink51 .img8, .blink52 .img8, .blink53 .img8, .blink54 .img8, .blink55 .img8, .blink56 .img8, .blink57 .img8, .blink58 .img8, .blink59 .img8, .blink60 .img8, .blink61 .img8, .blink62 .img8, .blink63 .img8, .blink64 .img8, .blink65 .img8, .blink66 .img8, .blink67 .img8, .blink68 .img8, .blink69 .img8, .blink70 .img8, .blink71 .img8, .blink72 .img8, .blink73 .img8, .blink74 .img8, .blink75 .img8, .blink76 .img8, .blink77 .img8, .blink78 .img8, .blink79 .img8, .blink80 .img8, .blink81 .img8, .blink82 .img8, .blink83 .img8, .blink84 .img8, .blink85 .img8, .blink86 .img8, .blink87 .img8, .blink88 .img8, .blink89 .img8
{
display: none;
}
 .img9
{
     display: none;
bottom: 165px;
left: 128px;
z-index: 998;
width: 52px;
z-index: 999;
}
.blink40 .img9, .blink89 .img9
{
    display: block;
}
.img10 {
bottom: 165px;
left: 133px;
z-index: 998;
width: 52px;
height: auto;
z-index: 999;
display: none;
}
#cse-search-input .newsearchbox
{
       border-radius: 5px;
text-indent: 20px;
font-size: 1.8em;
color: #444;
}
   .blink60 .img8, .blink61 .img8, .blink62 .img8, .blink63 .img8, .blink64 .img8, .blink65 .img8, .blink66 .img8, .blink67 .img8, .blink68 .img8, .blink69 .img8
{
bottom: 163px;
    transition: all ease 0.5s;
}
.blink41 .img10, .blink42 .img10, .blink43 .img10, .blink44 .img10, .blink45 .img10, .blink46 .img10, .blink47 .img10, .blink48 .img10, .blink49 .img10, .blink50 .img10, .blink51 .img10, .blink52 .img10, .blink53 .img10, .blink54 .img10, .blink55 .img10, .blink56 .img10, .blink57 .img10, .blink58 .img10, .blink59 .img10, .blink60 .img10, .blink61 .img10, .blink62 .img10, .blink63 .img10, .blink64 .img10, .blink65 .img10, .blink66 .img10, .blink67 .img10, .blink68 .img10, .blink69 .img10, .blink70 .img10, .blink71 .img10, .blink72 .img10, .blink73 .img10, .blink74 .img10, .blink75 .img10, .blink76 .img10, .blink77 .img10, .blink78 .img10, .blink79 .img10, .blink80 .img10, .blink81 .img10, .blink82 .img10, .blink83 .img10, .blink84 .img10, .blink85 .img10, .blink86 .img10, .blink87 .img10, .blink88 .img10
{
display: block;
   transition: all ease 1s;
}
.blink60 .img10, .blink61 .img10, .blink62 .img10, .blink63 .img10, .blink64 .img10, .blink65 .img10, .blink66 .img10, .blink67 .img10, .blink68 .img10, .blink69 .img10
{
   transition: all ease 0.03s;
   bottom: 163px;
}
.blink70 .img10, .blink71 .img10, .blink72 .img10, .blink73 .img10, .blink74 .img10, .blink75 .img10, .blink76 .img10, .blink77 .img10, .blink78 .img10, .blink79 .img10
{
   transition: all ease 0.03s;
}
.blink60 .img12, .blink61 .img12, .blink62 .img12, .blink63 .img12, .blink64 .img12, .blink65 .img12, .blink66 .img12, .blink67 .img12, .blink68 .img12, .blink69 .img12
{
height: 156px;
      -webkit-transition: height ease 0.03s; 
transition: height ease 0.03s;
}

.blink51 .anim, .blink52 .anim, .blink53 .anim, .blink54 .anim, .blink55 .anim, .blink56 .anim, .blink57 .anim, .blink58 .anim, .blink59 .anim, .blink60 .anim, .blink61 .anim, .blink62 .anim, .blink63 .anim, .blink64 .anim, .blink65 .anim, .blink66 .anim, .blink67 .anim, .blink68 .anim, .blink69 .anim, .blink70 .anim, .blink71 .anim, .blink72 .anim, .blink73 .anim, .blink74 .anim, .blink75 .anim, .blink76 .anim, .blink77 .anim, .blink78 .anim, .blink79 .anim, .blink80 .anim, .blink81 .anim, .blink82 .anim, .blink83 .anim, .blink84 .anim, .blink85 .anim, .blink86 .anim, .blink87 .anim, .blink88 .anim, .blink89 .anim
{
display: block;
     animation: slidein 0.5s ease;
}

.blink41 .img6, .blink42 .img6, .blink43 .img6, .blink44 .img6, .blink45 .img6, .blink46 .img6, .blink47 .img6, .blink48 .img6, .blink49 .img6, .blink50 .img6, .blink51 .img6, .blink52 .img6, .blink53 .img6, .blink54 .img6, .blink55 .img6, .blink56 .img6, .blink57 .img6, .blink58 .img6, .blink59 .img6, .blink60 .img6, .blink61 .img6, .blink62 .img6, .blink63 .img6, .blink64 .img6, .blink65 .img6, .blink66 .img6, .blink67 .img6, .blink68 .img6, .blink69 .img6, .blink70 .img6, .blink71 .img6, .blink72 .img6, .blink73 .img6, .blink74 .img6, .blink75 .img6, .blink76 .img6, .blink77 .img6, .blink78 .img6, .blink79 .img6, .blink80 .img6, .blink81 .img6, .blink82 .img6, .blink83 .img6, .blink84 .img6, .blink85 .img6, .blink86 .img6, .blink87 .img6, .blink88 .img6, .blink89 .img6
{
       width: 180px;
transition: all ease 0.5s;
z-index: 999999;
transform: rotate(-5deg);
left: 27px;
bottom: 65px;
}

.blink41 .img7, .blink42 .img7, .blink43 .img7, .blink44 .img7, .blink45 .img7, .blink46 .img7, .blink47 .img7, .blink48 .img7, .blink49 .img7, .blink50 .img7, .blink51 .img7, .blink52 .img7, .blink53 .img7, .blink54 .img7, .blink55 .img7, .blink56 .img7, .blink57 .img7, .blink58 .img7, .blink59 .img7, .blink60 .img7, .blink61 .img7, .blink62 .img7, .blink63 .img7, .blink64 .img7, .blink65 .img7, .blink66 .img7, .blink67 .img7, .blink68 .img7, .blink69 .img7, .blink70 .img7, .blink71 .img7, .blink72 .img7, .blink73 .img7, .blink74 .img7, .blink75 .img7, .blink76 .img7, .blink77 .img7, .blink78 .img7, .blink79 .img7, .blink80 .img7, .blink81 .img7, .blink82 .img7, .blink83 .img7, .blink84 .img7, .blink85 .img7, .blink86 .img7, .blink87 .img7, .blink88 .img7, .blink89 .img7 {
width: 124px;
transition: all ease 0.5s;
bottom: 75px;
left: 4px;
transform: rotate(-11deg);
}

.blink41 .img5, .blink42 .img5, .blink43 .img5, .blink44 .img5, .blink45 .img5, .blink46 .img5, .blink47 .img5, .blink48 .img5, .blink49 .img5, .blink50 .img5, .blink51 .img5, .blink52 .img5, .blink53 .img5, .blink54 .img5, .blink55 .img5, .blink56 .img5, .blink57 .img5, .blink58 .img5, .blink59 .img5, .blink60 .img5, .blink61 .img5, .blink62 .img5, .blink63 .img5, .blink64 .img5, .blink65 .img5, .blink66 .img5, .blink67 .img5, .blink68 .img5, .blink69 .img5, .blink70 .img5, .blink71 .img5, .blink72 .img5, .blink73 .img5, .blink74 .img5, .blink75 .img5, .blink76 .img5, .blink77 .img5, .blink78 .img5, .blink79 .img5, .blink80 .img5, .blink81 .img5, .blink82 .img5, .blink83 .img5, .blink84 .img5, .blink85 .img5, .blink86 .img5, .blink87 .img5, .blink88 .img5, .blink89 .img5 {
bottom: 160px;
z-index: 99;
width: 186px;
transform: rotate(-11deg);
left: -68px;
transition: all ease 0.5s;
}
.blink60 .img6, .blink61 .img6, .blink62 .img6, .blink63 .img6, .blink64 .img6, .blink65 .img6, .blink66 .img6, .blink67 .img6, .blink68 .img6, .blink69 .img6
{
bottom: 69px;
    transition: all ease 0.03s;
}
.blink60 .img7, .blink61 .img7, .blink62 .img7, .blink63 .img7, .blink64 .img7, .blink65 .img7, .blink66 .img7, .blink67 .img7, .blink68 .img7, .blink69 .img7
{
bottom: 79px;
    transition: all ease 0.03s;
}
.blink60 .img5, .blink61 .img5, .blink62 .img5, .blink63 .img5, .blink64 .img5, .blink65 .img5, .blink66 .img5, .blink67 .img5, .blink68 .img5, .blink69 .img5
{
bottom: 164px;
    transition: all ease 0.03s;
}
.blink57 .img5, .blink58 .img5, .blink59 .img5, .blink57 .img6, .blink58 .img6, .blink59 .img6, .blink57 .img7, .blink58 .img7, .blink59 .img7
{
   transition: all ease 0.03s;
}
.blink70 .img5, .blink71 .img5, .blink72 .img5, .blink73 .img5, .blink74 .img5, .blink75 .img5, .blink76 .img5, .blink77 .img5, .blink78 .img5, .blink79 .img5, .blink70 .img6, .blink71 .img6, .blink72 .img6, .blink73 .img6, .blink74 .img6, .blink75 .img6, .blink76 .img6, .blink77 .img6, .blink78 .img6, .blink79 .img6, .blink70 .img7, .blink71 .img7, .blink72 .img7, .blink73 .img7, .blink74 .img7, .blink75 .img7, .blink76 .img7, .blink77 .img7, .blink78 .img7, .blink79 .img7
{
   transition: all ease 0.03s;
}