/* analytics-index.css STARTS */
/***POPPINS***/
@font-face {
    font-family:"Poppins";
    font-weight:300;
    font-style:normal;
    src:url("https://webfonts.zohostatic.com/poppinslight/font.eot");
    src:url("https://webfonts.zohostatic.com/poppinslight/font.eot?#iefix") format("eot"),
    url("https://webfonts.zohostatic.com/poppinslight/font.woff2") format("woff2"),
    url("https://webfonts.zohostatic.com/poppinslight/font.woff") format("woff"),
    url("https://webfonts.zohostatic.com/poppinslight/font.ttf") format("truetype"),
    url("https://webfonts.zohostatic.com/poppinslight/font.svg#Poppins-Light") format("svg");
 font-display: swap;
 }
 @font-face {
    font-family:"Poppins";
    font-weight:300;
    font-style:italic;
    src:url("https://webfonts.zohostatic.com/poppinslightitalic/font.eot");
    src:url("https://webfonts.zohostatic.com/poppinslightitalic/font.eot?#iefix") format("eot"),
    url("https://webfonts.zohostatic.com/poppinslightitalic/font.woff2") format("woff2"),
    url("https://webfonts.zohostatic.com/poppinslightitalic/font.woff") format("woff"),
    url("https://webfonts.zohostatic.com/poppinslightitalic/font.ttf") format("truetype"),
    url("https://webfonts.zohostatic.com/poppinslightitalic/font.svg#Poppins-LightItalic") format("svg");
 font-display: swap;
 }
 @font-face {
    font-family:"Poppins";
    font-weight:400;
    font-style:normal;
    src:url("https://webfonts.zohostatic.com/poppinsregular/font.eot");
    src:url("https://webfonts.zohostatic.com/poppinsregular/font.eot?#iefix") format("eot"),
    url("https://webfonts.zohostatic.com/poppinsregular/font.woff2") format("woff2"),
    url("https://webfonts.zohostatic.com/poppinsregular/font.woff") format("woff"),
    url("https://webfonts.zohostatic.com/poppinsregular/font.ttf") format("truetype"),
    url("https://webfonts.zohostatic.com/poppinsregular/font.svg#Poppins-Regular") format("svg");
 font-display: swap;
 }
 @font-face {
    font-family:"Poppins";
    font-weight:400;
    font-style:italic;
    src:url("https://webfonts.zohostatic.com/poppinsitalic/font.eot");
    src:url("https://webfonts.zohostatic.com/poppinsitalic/font.eot?#iefix") format("eot"),
    url("https://webfonts.zohostatic.com/poppinsitalic/font.woff2") format("woff2"),
    url("https://webfonts.zohostatic.com/poppinsitalic/font.woff") format("woff"),
    url("https://webfonts.zohostatic.com/poppinsitalic/font.ttf") format("truetype"),
    url("https://webfonts.zohostatic.com/poppinsitalic/font.svg#Poppins-Italic") format("svg");
 font-display: swap;
 }
 @font-face {
    font-family:"Poppins";
    font-weight:500;
    font-style:normal;
    src:url("https://webfonts.zohostatic.com/poppinsmedium/font.eot");
    src:url("https://webfonts.zohostatic.com/poppinsmedium/font.eot?#iefix") format("eot"),
    url("https://webfonts.zohostatic.com/poppinsmedium/font.woff2") format("woff2"),
    url("https://webfonts.zohostatic.com/poppinsmedium/font.woff") format("woff"),
    url("https://webfonts.zohostatic.com/poppinsmedium/font.ttf") format("truetype"),
    url("https://webfonts.zohostatic.com/poppinsmedium/font.svg#Poppins-Medium") format("svg");
 font-display: swap;
 }
 @font-face {
    font-family:"Poppins";
    font-weight:500;
    font-style:italic;
    src:url("https://webfonts.zohostatic.com/poppinsmediumitalic/font.eot");
    src:url("https://webfonts.zohostatic.com/poppinsmediumitalic/font.eot?#iefix") format("eot"),
    url("https://webfonts.zohostatic.com/poppinsmediumitalic/font.woff2") format("woff2"),
    url("https://webfonts.zohostatic.com/poppinsmediumitalic/font.woff") format("woff"),
    url("https://webfonts.zohostatic.com/poppinsmediumitalic/font.ttf") format("truetype"),
    url("https://webfonts.zohostatic.com/poppinsmediumitalic/font.svg#Poppins-MediumItalic") format("svg");
 font-display: swap;
 }
 @font-face {
    font-family:"Poppins";
    font-weight:600;
    font-style:normal;
    src:url("https://webfonts.zohostatic.com/poppinssemibold/font.eot");
    src:url("https://webfonts.zohostatic.com/poppinssemibold/font.eot?#iefix") format("eot"),
    url("https://webfonts.zohostatic.com/poppinssemibold/font.woff2") format("woff2"),
    url("https://webfonts.zohostatic.com/poppinssemibold/font.woff") format("woff"),
    url("https://webfonts.zohostatic.com/poppinssemibold/font.ttf") format("truetype"),
    url("https://webfonts.zohostatic.com/poppinssemibold/font.svg#Poppins-SemiBold") format("svg");
 font-display: swap;
 }
 @font-face {
    font-family:"Poppins";
    font-weight:600;
    font-style:italic;
    src:url("https://webfonts.zohostatic.com/poppinssemibolditalic/font.eot");
    src:url("https://webfonts.zohostatic.com/poppinssemibolditalic/font.eot?#iefix") format("eot"),
    url("https://webfonts.zohostatic.com/poppinssemibolditalic/font.woff2") format("woff2"),
    url("https://webfonts.zohostatic.com/poppinssemibolditalic/font.woff") format("woff"),
    url("https://webfonts.zohostatic.com/poppinssemibolditalic/font.ttf") format("truetype"),
    url("https://webfonts.zohostatic.com/poppinssemibolditalic/font.svg#Poppins-SemiBoldItalic") format("svg");
 font-display: swap;
 }
 @font-face {
    font-family:"Poppins";
    font-weight:700;
    font-style:normal;
    src:url("https://webfonts.zohostatic.com/poppinsbold/font.eot");
    src:url("https://webfonts.zohostatic.com/poppinsbold/font.eot?#iefix") format("eot"),
    url("https://webfonts.zohostatic.com/poppinsbold/font.woff2") format("woff2"),
    url("https://webfonts.zohostatic.com/poppinsbold/font.woff") format("woff"),
    url("https://webfonts.zohostatic.com/poppinsbold/font.ttf") format("truetype"),
    url("https://webfonts.zohostatic.com/poppinsbold/font.svg#Poppins-Bold") format("svg");
 font-display: swap;
 }
 @font-face {
    font-family:"Poppins";
    font-weight:700;
    font-style:italic;
    src:url("https://webfonts.zohostatic.com/poppinsbolditalic/font.eot");
    src:url("https://webfonts.zohostatic.com/poppinsbolditalic/font.eot?#iefix") format("eot"),
    url("https://webfonts.zohostatic.com/poppinsbolditalic/font.woff2") format("woff2"),
    url("https://webfonts.zohostatic.com/poppinsbolditalic/font.woff") format("woff"),
    url("https://webfonts.zohostatic.com/poppinsbolditalic/font.ttf") format("truetype"),
    url("https://webfonts.zohostatic.com/poppinsbolditalic/font.svg#Poppins-BoldItalic") format("svg");
 font-display: swap;
 }
 @font-face {
    font-family:"Poppins";
    font-weight:800;
    font-style:normal;
    src:url("https://webfonts.zohostatic.com/poppinsextrabold/font.eot");
    src:url("https://webfonts.zohostatic.com/poppinsextrabold/font.eot?#iefix") format("eot"),
    url("https://webfonts.zohostatic.com/poppinsextrabold/font.woff2") format("woff2"),
    url("https://webfonts.zohostatic.com/poppinsextrabold/font.woff") format("woff"),
    url("https://webfonts.zohostatic.com/poppinsextrabold/font.ttf") format("truetype"),
    url("https://webfonts.zohostatic.com/poppinsextrabold/font.svg#Poppins-ExtraBold") format("svg");
 font-display: swap;
 }
 @font-face {
    font-family:"Poppins";
    font-weight:800;
    font-style:italic;
    src:url("https://webfonts.zohostatic.com/poppinsextrabolditalic/font.eot");
    src:url("https://webfonts.zohostatic.com/poppinsextrabolditalic/font.eot?#iefix") format("eot"),
    url("https://webfonts.zohostatic.com/poppinsextrabolditalic/font.woff2") format("woff2"),
    url("https://webfonts.zohostatic.com/poppinsextrabolditalic/font.woff") format("woff"),
    url("https://webfonts.zohostatic.com/poppinsextrabolditalic/font.ttf") format("truetype"),
    url("https://webfonts.zohostatic.com/poppinsextrabolditalic/font.svg#Poppins-ExtraBoldItalic") format("svg");
 font-display: swap;
 }
 @font-face {
    font-family:"Poppins";
    font-weight:900;
    font-style:normal;
    src:url("https://webfonts.zohostatic.com/poppinsblack/font.eot");
    src:url("https://webfonts.zohostatic.com/poppinsblack/font.eot?#iefix") format("eot"),
    url("https://webfonts.zohostatic.com/poppinsblack/font.woff2") format("woff2"),
    url("https://webfonts.zohostatic.com/poppinsblack/font.woff") format("woff"),
    url("https://webfonts.zohostatic.com/poppinsblack/font.ttf") format("truetype"),
    url("https://webfonts.zohostatic.com/poppinsblack/font.svg#Poppins-Black") format("svg");
 font-display: swap;
 }
 @font-face {
    font-family:"Poppins";
    font-weight:900;
    font-style:italic;
    src:url("https://webfonts.zohostatic.com/poppinsblackitalic/font.eot");
    src:url("https://webfonts.zohostatic.com/poppinsblackitalic/font.eot?#iefix") format("eot"),
    url("https://webfonts.zohostatic.com/poppinsblackitalic/font.woff2") format("woff2"),
    url("https://webfonts.zohostatic.com/poppinsblackitalic/font.woff") format("woff"),
    url("https://webfonts.zohostatic.com/poppinsblackitalic/font.ttf") format("truetype"),
    url("https://webfonts.zohostatic.com/poppinsblackitalic/font.svg#Poppins-BlackItalic") format("svg");
 font-display: swap;
 }
 input, li, #cust-dots a, #cust-dots span, #bannr-dots a, #bannr-dots span, 
 .ap-indx-sec2, .ap-indx-sec3, .ap-indx-sec4, .ap-indx-sec5, .sec-cust-slid, .container {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   transition: all 0.2s ease-in 0s;
 }
 /*
 * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   transition: all 0.2s ease-in 0s;
 }
 */
 /*
 .ap-index-bnr, .ap-indx-sec2, .ap-indx-sec3, .ap-indx-sec4, .ap-indx-sec5, .sec-cust-slid {
   padding: 0 40px;
 }
 */
 body {
   font: 400 16px/24px 'Poppins', sans-serif !important;
   margin: 0 auto;
   background: #fff;
   color: #000;
 }
 h2 {
     font-size: 19px;
     font-weight: 400;
     line-height: normal;
 }
 .container1, .container {
   max-width: 1200px;
   margin: 0 auto;
 }
 .container2 {
   max-width: 1000px;
   margin: 0 auto;
 }
 .cl-md-1 {
   width: 8.33333333%;
 }
 .cl-md-2 {
   width: 16.66666667%;
 }
 .cl-md-3 {
   width: 25%;
 }
 .cl-md-4 {
   width: 33.33333333%;
 }
 .cl-md-5 {
   width: 41.66666667%;
 }
 .cl-md-7 {
   width: 58.33333333%;
 }
 .cl-md-8 {
   width: 66.66666667%;
 }
 .cl-md-9 {
   width: 75%;
 }
 .cl-md-10 {
   width: 83.33333333%;
 }
 .cl-md-11 {
   width: 91.66666667%;
 }
 .cl-md-12 {
   width: 100%;
 }
 .cl-md-1, .cl-md-10, .cl-md-11, .cl-md-12, .cl-md-2, .cl-md-3, .cl-md-4, .cl-md-5, .cl-md-6, .cl-md-7, .cl-md-8, .cl-md-9 {
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 /*width style start here*/
 .wid10 {
   width: 10%;
 }
 .wid20 {
   width: 20%;
 }
 .wid30 {
   width: 30%;
 }
 .wid40 {
   width: 40%;
 }
 .wid50 {
   width: 50%;
 }
 .wid60 {
   width: 60%;
 }
 .wid70 {
   width: 70%;
 }
 .wid80 {
   width: 80%;
 }
 .wid85 {
   width: 85%;
 }
 .wid90 {
   width: 90%;
 }
 .wid100 {
   width: 100%;
 }
 /*width style end here*/
 
 /*padding style start here*/
 .pdlf0 {
   padding-left: 0px;
 }
 .pdlf10 {
   padding-left: 10px;
 }
 .pdlf20 {
   padding-left: 20px;
 }
 .pdlf30 {
   padding-left: 30px;
 }
 .pdlf40 {
   padding-left: 40px;
 }
 .pdlf50 {
   padding-left: 50px;
 }
 .pdlf60 {
   padding-left: 60px;
 }
 .pdrt0 {
   padding-right: 0px;
 }
 .pdrt10 {
   padding-right: 10px;
 }
 .pdrt20 {
   padding-right: 20px;
 }
 .pdrt30 {
   padding-right: 30px;
 }
 .pdrt40 {
   padding-right: 40px;
 }
 .pdrt50 {
   padding-right: 50px;
 }
 .pdrt60 {
   padding-right: 60px;
 }
 .pdlr0 {
   padding-left: 0px;
   padding-right: 0px;
 }
 .pdlr10 {
   padding-left: 10px;
   padding-right: 10px;
 }
 .pdlr20 {
   padding-left: 20px;
   padding-right: 20px;
 }
 .pdlr30 {
   padding-left: 30px;
   padding-right: 30px;
 }
 .pdlr40 {
   padding-left: 40px;
   padding-right: 40px;
 }
 .pdlr50 {
   padding-left: 50px;
   padding-right: 50px;
 }
 .pdlr60 {
   padding-left: 60px;
   padding-right: 60px;
 }
 .pdtp0 {
   padding-top: 0px;
 }
 .pdtp10 {
   padding-top: 10px;
 }
 .pdtp15 {
   padding-top: 15px;
 }
 .pdtp20 {
   padding-top: 20px;
 }
 .pdtp30 {
   padding-top: 30px;
 }
 .pdtp40 {
   padding-top: 40px;
 }
 .pdtp50 {
   padding-top: 50px;
 }
 .pdtp60 {
   padding-top: 60px;
 }
 .pdbt0 {
   padding-bottom: 0px;
 }
 .pdbt10 {
   padding-bottom: 10px;
 }
 .pdbt20 {
   padding-bottom: 20px;
 }
 .pdbt30 {
   padding-bottom: 30px;
 }
 .pdbt40 {
   padding-bottom: 40px;
 }
 .pdbt50 {
   padding-bottom: 50px;
 }
 .pdbt60 {
   padding-bottom: 60px;
 }
 .pdtb0 {
   padding-top: 0px;
   padding-bottom: 0px;
 }
 .pdtb10 {
   padding-top: 10px;
   padding-bottom: 10px;
 }
 .pdtb20 {
   padding-top: 20px;
   padding-bottom: 20px;
 }
 .pdtb30 {
   padding-top: 30px;
   padding-bottom: 30px;
 }
 .pdtb40 {
   padding-top: 40px;
   padding-bottom: 40px;
 }
 .pdtb50 {
   padding-top: 50px;
   padding-bottom: 50px;
 }
 .pdtb60 {
   padding-top: 60px;
   padding-bottom: 60px;
 }
 /*padding style end here*/
 
 /*margin style start here*/
 .mrlf0 {
   margin-left: 0px;
 }
 .mrlf10 {
   margin-left: 10px;
 }
 .mrlf20 {
   margin-left: 20px;
 }
 .mrlf30 {
   margin-left: 30px;
 }
 .mrlf40 {
   margin-left: 40px;
 }
 .mrlf50 {
   margin-left: 50px;
 }
 .mrlf60 {
   margin-left: 60px;
 }
 .mrrt0 {
   margin-right: 0px;
 }
 .mrrt10 {
   margin-right: 10px;
 }
 .mrrt20 {
   margin-right: 20px;
 }
 .mrrt30 {
   margin-right: 30px;
 }
 .mrrt40 {
   margin-right: 40px;
 }
 .mrrt50 {
   margin-right: 50px;
 }
 .mrrt60 {
   margin-right: 60px;
 }
 .mrlr0 {
   margin-left: 0px;
   margin-right: 0px;
 }
 .mrlr10 {
   margin-left: 10px;
   margin-right: 10px;
 }
 .mrlr20 {
   margin-left: 20px;
   margin-right: 20px;
 }
 .mrlr30 {
   margin-left: 30px;
   margin-right: 30px;
 }
 .mrlr40 {
   margin-left: 40px;
   margin-right: 40px;
 }
 .mrlr50 {
   margin-left: 50px;
   margin-right: 50px;
 }
 .mrlr60 {
   margin-left: 60px;
   margin-right: 60px;
 }
 .mrtp0 {
   margin-top: 0px;
 }
 .mrtp10 {
   margin-top: 10px;
 }
 .mrtp20 {
   margin-top: 20px;
 }
 .mrtp30 {
   margin-top: 30px !important;
 }
 .mrtp40 {
   margin-top: 40px;
 }
 .mrtp50 {
   margin-top: 50px;
 }
 .mrtp60 {
   margin-top: 60px;
 }
 .mrbt0 {
   margin-bottom: 0px;
 }
 .mrbt10 {
   margin-bottom: 10px;
 }
 .mrbt20 {
   margin-bottom: 20px;
 }
 .mrbt30 {
   margin-bottom: 30px;
 }
 .mrbt40 {
   margin-bottom: 40px;
 }
 .mrbt50 {
   margin-bottom: 50px;
 }
 .mrbt60 {
   margin-bottom: 60px;
 }
 .mrtb0 {
   margin-top: 0px !important;
   margin-bottom: 0px !important;
 }
 .mrtb10 {
   margin-top: 10px;
   margin-bottom: 10px;
 }
 .mrtb20 {
   margin-top: 20px;
   margin-bottom: 20px;
 }
 .mrtb30 {
   margin-top: 30px;
   margin-bottom: 30px;
 }
 .mrtb40 {
   margin-top: 40px;
   margin-bottom: 40px;
 }
 .mrtb50 {
   margin-top: 50px;
   margin-bottom: 50px;
 }
 .mrtb60 {
   margin-top: 60px;
   margin-bottom: 60px;
 }
 /*margin style end here*/
 
 
 /* font style start here */
 .fnt8 {
   font-size: 8px;
 }
 .fnt10 {
   font-size: 10px;
 }
 .fnt12 {
   font-size: 12px;
 }
 .fnt14 {
   font-size: 14px;
 }
 .fnt16 {
   font-size: 16px;
 }
 .fnt18 {
   font-size: 18px;
 }
 .fnt20 {
   font-size: 20px;
 }
 .fnt22 {
   font-size: 22px;
 }
 .fnt24 {
   font-size: 24px;
 }
 .fnt26 {
   font-size: 26px;
 }
 .fnt28 {
   font-size: 28px;
 }
 .fnt30 {
   font-size: 30px;
 }
 .fnt32 {
   font-size: 32px;
 }
 .fnt34 {
   font-size: 34px;
 }
 /* font style end here */
 
 /* font width start here */
 
 .fnt1w {
   font-weight: 100;
 }
 .fnt4w {
   font-weight: 400;
 }
 .fnt6w {
   font-weight: 600;
 }
 .fnt9w {
   font-weight: 900;
 }
 /* font width end here */
 
 /* font color start here */
 
 .clr-f {
   color: #fff;
 }
 .clr-0 {
   color: #000;
 }
 .clr-3 {
   color: #333;
 }
 
 /* font color end here */
 
 .title1 {
     font-size: 35px;
   line-height: 45px;
   margin: 15px 0;
   font-weight: 600;
 }
 .title2 {
   font-size: 30px;
   line-height: 45px;
   margin: 15px 0;
   font-weight: 600;
 }
 .title2 span {
   font-weight: 100;
 }
 .title3 {
   font-size: 26px;
   line-height: 45px;
   margin: 15px 0;
   font-weight: 600;
   letter-spacing: 0.7px;
 }
 .content1 {
   font-size: 18px;
   line-height: 33px;
   font-weight: 400;
   letter-spacing: 0.2px;
 }
 .content2 {
   font-size: 16px;
   line-height: 30px;
   font-weight: 400;
   letter-spacing: 0.2px;
 }
 .content3 {
   font-size: 14px;
   line-height: 30px;
   font-weight: 400;
   letter-spacing: 0.2px;
 }
 
 /* button style start here */
 .btn {
   display: inline-block;
   margin-bottom: 0;
   font-weight: 400;
   text-align: center;    
   border-radius: 3px;
   white-space: nowrap;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   cursor: pointer;
   border: 1px solid transparent;
   background-image: none;
   padding: 10px 35px;
   font-size: 18px;
   line-height: 1.42857143;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .btn:hover {
   text-decoration: none;
   transition: 300ms linear;
   -webkit-transition: 300ms linear;
   -moz-transition: 300ms linear;
 }
 .btn-red {
   background: #ef372e;
   color: #fff !important;
   border: 1px solid #ef372e;
 }
 .btn-red:hover {
   background: #cd312a !important;
   border: 1px solid #cd312a;
 }
 .btn-black {
   background: #000;
   color: #fff !important;
   border: 1px solid #000;
 }
 .btn-black:hover {
   background: #252323 !important;
   border: 1px solid #252323;
 }
 /* button style end here */
 
 /* commen style start here */
 .dis-f {
   display: flex;
 }
 .dis-n {
   display: none !important;
 }
 .dis-b {
   display: block;
 }
 .dis-t {
   display: table;
 }
 .vis-h {
   visibility: hidden;
 }
 .vis-v {
     visibility: visible;
 }
 .mr-auto {
   margin: auto;
 }
 .mr-0auto {
   margin: 0 auto;
 }
 .clearfix {
   clear: both;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 .clearfix:before, .clearfix:after {
   display: table;
   line-height: 0;
   content: "";
 }
 .clearfix:after {
   clear: both;
 }
 .tac {
   text-align: center;
 }
 .tal {
   text-align: left;
 }
 .tar {
   text-align: right;
 }
 .flr {
   float: right;
 }
 .fll {
   float: left;
 }
 .pos-relat {
   position: relative;
 }
 .img-respon {
   display: block;
   max-width: 100%;
   height: auto;
 }
 .ap-full-ht {
     height: calc(100vh - 90px);
     min-height: calc(100vh - 90px);
     display: flex;
   padding: 40px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 .ap-full-ht .full-auto {
     margin: auto;
 }
 #header-mainsec .nav-dwn.fr a {
   -webkit-box-sizing: initial !important;
     -moz-box-sizing: initial !important;
     box-sizing: initial !important;
 }
 /* commen style end here */
 
 /*banner style start here*/
 .ap-index-bnr {
   position: relative;
 }
 .bannr-slider p {
     line-height: 35px;  
     padding: 15px 0;
 }
 .indx-first-banr {
   background: #16104b;
 }
 .indx-first-banr p {
   padding: 15px 0;
 }
 .bannr-slider .container {
   display: flex;  
 }
 .bannr-slider .container .cl-md-5, .bannr-slider .container .cl-md-6, .bannr-slider .container .cl-md-4 {
   margin: auto;
 }
 
 .bannr-bullet_slider {
   position: absolute;
     bottom: 0px;
     left: 50%;      
   transform: translate(-50%, -50%);
 }
 #bannr-dots li {
     display: inline-block;
     width: 14px;
     height: 14px;
     margin: 1px;
     position: relative;
 }
 #bannr-dots li a {
   display: block;
     position: relative;
     background: #ececec;
     border: 2px solid #fff;
     z-index: 1;
     width: 100%;
     height: 100%;
     cursor: pointer;
     text-decoration: none;
     border-radius: 50%;
 }
 #bannr-dots li a span {
     border-radius: 50%;
     position: absolute;
     z-index: 1;
     height: 8px;
     width: 8px;
     left: 25%;
     top: 26%;
     margin: -1px 0 0 -1px;
 }
 #bannr-dots li a.current, #bannr-dots li a:hover {
     border: 1px solid #7d89a2;
     background: #ffffff;
   
 }
 #bannr-dots li a.current span, #bannr-dots li a:hover span {
     background: #7d89a2;
     border: 1px solid #BCBCBC!important;
 }
 .btn-slider {
     position: absolute;
     z-index: 3;
     display: block;    
   width: 41px;
     height: 41px;
     display: flex;
     top: 50%;
     color: #ffffff;
     transform: translateY(-50%);
     font-size: 50px;
     background: #000000;   
   font-weight: 100;
     border-radius: 25px;
     opacity: 0.3;
     transition: 0.5s;
     -moz-transition: 0.5s;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     cursor: pointer;
 }
 .btn-slider.prev {
     left: 50px; 
 }
 .btn-slider.next {
   right: 50px;
 }
 .btn-slider:hover {
     opacity: 1;
 }
 .btn-slider a {
     font-family: auto;
     color: #c2c2c4;
     transform: translateY(-3px);
     /* text-shadow: 0px 0px 5px #000000; */
     text-decoration: none;
     cursor: pointer;
   margin: auto;
     transition: 0.5s;
     -moz-transition: 0.5s;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
 }
 .btn-slider a:hover {
     color: #fff;
 }
 
 /*data-dem banner style start here*/
 .indx-data-dem-banr {
   background: #fce391;
     height: auto;
     position: relative;
     z-index: 0;
     overflow: hidden;
 }
 .indx-data-dem-banr:before {
     background: url(../images/banne-bg2-b.png) no-repeat;
     content: " ";
     position: absolute;
     top: 0px;
     left: 0;
     background-size: contain;
     height: 100%;
     width: 100%;
     z-index: -1;
     opacity: .1;
 }
 .indx-data-dem-banr:after {
     background: url(../images/banne-bg2-t.png) no-repeat;
     content: " ";
     position: absolute;
     bottom: 0;
     right: 0;
     height: 370px;
     width: 100%;
     background-size: cover;
     z-index: -1;
     opacity: .1;
 }
 .indx-data-dem-banr .bannr-rit-img {
   position: relative;
 }
 .indx-data-dem-banr .bannr-rit-img:before {
   background: url(../images/data-dam-bg.png) no-repeat;
     position: absolute;
     content: " ";
     top: 5px;
     left: -20px;
     height: 500px;
     width: 100%;
     background-size: 240px;
     z-index: -1;
 }
 .indx-data-dem-banr .bannr-rit-img:after {
   background: url(../images/data-dam-bg.png) no-repeat;
     position: absolute;
     content: " ";
   bottom: -270px;
     right: -380px;
     height: 500px;
     width: 100%;
     background-size: 240px;
     z-index: -1;
 }
 .btn-data-dem {
   background: #FF1D30;
     color: #fff;
     border: 1px solid #FF1D30;
 }
 .btn-data-dem:hover  {
   background: #c3212f;
     border: 1px solid #c3212f;
 }
 
 /*data-dem banner style end here*/
 
 /*APM banner style start here*/
 .indx-apm-banr {
   background: #70154f;
     height: auto;
     position: relative;
     z-index: 0;
     overflow: hidden;
 }
 .indx-apm-banr:before {
 /*    background: url(../images/banne-bg2-b.png) no-repeat;*/
     content: " ";
     position: absolute;
     top: 0px;
     left: 0;
     background-size: contain;
     height: 100%;
     width: 100%;
     z-index: -1;
     opacity: .1;
 }
 .indx-apm-banr:after {
     background: url(../images/banne-bg2-t.png) no-repeat;
     content: " ";
     position: absolute;
     bottom: 0;
     right: 0;
     height: 370px;
     width: 100%;
     background-size: cover;
     z-index: -1;
     opacity: .1;
 }
 .indx-apm-banr .bannr-rit-img {
   position: relative;
 }
 .indx-apm-banr .bannr-rit-img:before {
   background: url(../images/apm-bg.png) no-repeat;
     position: absolute;
     content: " ";
     top: 5px;
     left: -20px;
     height: 500px;
     width: 100%;
     background-size: 240px;
     z-index: -1;
 }
 .indx-apm-banr .bannr-rit-img:after {
   background: url(../images/apm-bg.png) no-repeat;
     position: absolute;
     content: " ";
   bottom: -270px;
     right: -380px;
     height: 500px;
     width: 100%;
     background-size: 240px;
     z-index: -1;
 }
 .btn-apm {
   background: #f25525;
     color: #fff;
     border: 1px solid #FF1D30;
 }
 .btn-apm:hover   {
   background: #f25525;
     border: 1px solid #c3212f;
 }
 .apm-band span {
   color: #fff;
     font-size: 14px;
     background: #560d3b;
     padding: 11px 25px;
     border-radius: 4px;
 }
 .apm-date {
   padding: 0px;
     margin-top: -10px;
     font-weight: 500;
     font-size: 16px;
     letter-spacing: 0.3px;
 }
 /*APM banner style end here*/
 
 /*jira banner style start here*/
 .indx-jira-banr {
   background: #0052cc;
     height: auto;
     position: relative;
     z-index: 0;
 }
 .indx-jira-banr:before {
     background: url(../images/banne-bg2-b.png) no-repeat;
     content: " ";
     position: absolute;
     top: 0px;
     left: 0;
     background-size: contain;
     height: 100%;
     width: 100%;
     z-index: -1;
     opacity: .1;
 }
 .indx-jira-banr:after {
     background: url(../images/banne-bg2-t.png) no-repeat;
     content: " ";
     position: absolute;
     bottom: 0;
     right: 0;
     height: 370px;
     width: 100%;
     background-size: cover;
     z-index: -1;
     opacity: .1;
 }
 .indx-jira-banr .bannr-rit-img {
   position: relative;
 }
 .indx-jira-banr .bannr-rit-img:before {
     background: url(../images/jira-ebook-bannr-bg.png) no-repeat;
     position: absolute;
     content: " ";
     top: -93px;
     right: -43px;
     height: 500px;
     width: 100%;
     background-size: cover;
     z-index: -1;
 }
 .btn-jira {
   background: #FF1D30;
     color: #fff;
     border: 1px solid #FF1D30;
 }
 .btn-jira:hover  {
   background: #c3212f;
     border: 1px solid #c3212f;
 }
 .jira-band {
     color: #E7C81A;
     font-size: 16px;
 }
 /*jira banner style end here*/
 
 /*mdm banner style start here*/
 .indx-mdm-banr {
   background: #4553b0;
     height: auto;
     position: relative;
     z-index: 0;
 }
 .indx-mdm-banr:before {
     background: url(../images/banne-bg3-b.png) no-repeat;
     content: " ";
     position: absolute;
     top: 0px;
     left: 0;
     background-size: contain;
     height: 100%;
     width: 100%;
     z-index: -1;
     opacity: .1;
 }
 .indx-mdm-banr:after {
     background: url(../images/banne-bg2-t.png) no-repeat;
     content: " ";
     position: absolute;
     bottom: 0;
     right: 0;
     height: 370px;
     width: 100%;
     background-size: cover;
     z-index: -1;
     opacity: .1;
 }
 
 .btn-mdm {
   background: #FF1D30;
     color: #fff;
     border: 1px solid #FF1D30;
 }
 .btn-mdm:hover   {
   background: #c3212f;
     border: 1px solid #c3212f;
 }
 .mdm-band {
     color: #E7C81A;
     font-size: 16px;
 }
 /*jira banner style end here*/
 
 /*vview banner style start here*/
 .indx-v-view-banr {
     background: #0a2b45;
     position: relative;
     z-index: 0; 
 }
 .indx-v-view-banr:before {
     background: url(../images/banne-bg3-b.png) no-repeat;
     content: " ";
     position: absolute;
     top: 0px;
     left: 0;
     background-size: contain;
     height: 100%;
     width: 100%;
     z-index: -1;
     opacity: .4;
 }
 .indx-v-view-banr:after {
     background: url(../images/banne-bg3-t.png) no-repeat;
     content: " ";
     position: absolute;
     bottom: 0;
     right: 0;
     height: 290px;
     width: 100%;
     background-size: cover;
     z-index: -1;
     opacity: .4;
 }
 .btn-v-view {
   background: #FFAB43;
     color: #fff;
     border: 1px solid #FFAB43;
 }
 .btn-v-view:hover  {
   background: #e89630;
     border: 1px solid #e89630;
 }
 .v-view-band {
     color: #e7c81a;
     font-size: 16px;
 }
 /*vview banner style end here*/
 
 /*Hepl desk banner style start here*/
 .indx-help-desk-banr {
     background: #204760;
     position: relative;
     z-index: 0; 
 }
 .pmp-bannr-home:before {
     background: url(../images/except-customer-service_bgt.png) no-repeat;
     content: " ";
     position: absolute;
     top: 0px;
     left: 0;
     background-size: contain;
     height: 100%;
     width: 100%;
     z-index: -1;
     opacity: .4;
 }
 .pmp-bannr-home:after {
     background: url(../images/except-customer-service_bgb.png) no-repeat;
     content: " ";
     position: absolute;
     bottom: 0;
     right: 0;
     height: 290px;
     width: 100%;
     background-size: cover;
     z-index: -1;
     opacity: .4;
 }
 /*Hepl desk banner style end here*/
 
 /*1 on 1 banner style start here*/
 .indx-ap1-on-1-banr {
   background: #fed66a url(../images/triangle-flair-bk.png) no-repeat scroll 0 top;
 }
 .indx-ap1-on-1-banr .title2 {    
     line-height: 50px;
     margin-bottom: 28px;
     color: #000;  
 }
 .indx-ap1-on-1-banr .title2 span {
     display: block;
     font-size: 32px;
     color: #000;  
 }
 .indx-ap1-on-1-banr .title2 strong {
     font-size: 42px;  
 }
 .ap1-on-1-cont {
   position: relative;
     min-height: 440px;
 }
 .ap1-on-1-cont p {
   position: absolute;
     display: flex;
     background-color: rgba(255,255,255,0.6);
     border-radius: 50%;
     font-size: 15px;
     box-sizing: border-box;
     text-align: center;
     padding: 17px;
     line-height: 26px;  
 }
 .ap1-on-1-cont p span {
   margin: auto
 }
 .aplus-1o1-img  {
     margin-bottom: 40px;
 }
 .aplus-1o1-img img {
     width: 250px; 
 }
 .ap1-on-1-cont p:first-child {
     width: 165px;
     height: 165px;  
 }
 .ap1-on-1-cont p:nth-child(2) {
   width: 190px;
     height: 190px;
     left: 190px;
     top: 50px;
 }
 .ap1-on-1-cont p:nth-child(3) {
   width: 30px;
     height: 30px;
     left: 380px;
     top: 60px;
     background-color: #fff; 
 }
 .ap1-on-1-cont p:nth-child(4) {
     width: 180px;
     height: 180px;
     left: 20px;
     top: 210px;
 }
 .ap1-on-1-cont p:nth-child(5) {
     width: 230px;
     height: 230px;
     left: 285px;
     top: 183px;
 }
 .ap1-on-1-cont p:nth-child(6) {
     width: 45px;
     height: 45px;
     left: 260px;
     top: 350px;
 }
 
 /*1 on 1 banner style end here*/
 
 /* //////////////////banner style end here///////////////////// */
 .ap-indx-sec2 {
   height: inherit;
     min-height: inherit;
 }
 .ap-indx-sec2 {
   position: relative;
   padding-top: 40px;
   padding-bottom: 40px;
 }
 .ap-indx-sec2:before {
   content: " ";
   background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-bg.svg) no-repeat;
     background-size: cover;
     position: absolute;
     right: 0px;
     bottom: 0px;
     width: 80%;
     height: 460px;
     z-index: -1;
 }
 .ap-features {
     padding: 80px 0;
 }
 
 .ap-features-wrap {
     display: inline-block;
     width: 100%;
     position: relative;
 }
 
 .ap-features-list {
     width: 32%;
     float: left;
     transition: margin-top 0s ease;
 }
 
 .ap-features-content {
     width: 60%;
     float: right;
 } 
 .ap-features-list-inner li.active a {
     color: #007cc9;
     border-bottom: 2px solid #007cc9;
 }
 
 .ap-features-list-inner ul li {
     margin-bottom: 22px;
 }
 .ap-features-list-inner ul li a {
     position: relative;
     color: #333;
     text-decoration: none;
     font-weight: 500;
 }
 
 .ap-features-content>div {
     background: #fff;
     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
     padding: 35px;
     min-height: 450px;
   margin-bottom: 60px;
     position: sticky;
     position: -webkit-sticky;
     z-index: 99;
 }
 
 .ap-features-contentBox .indx-sec2-icon {
     content: " ";
     display: inline-block;
     width: 150px;
     height: 150px;
 }
 .ap-features-contentBox:first-child .indx-sec2-icon {
     background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-1.svg) no-repeat 1px 4px/143px;
 }
 .ap-features-contentBox:nth-child(2) .indx-sec2-icon {
   background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-2.svg) no-repeat 1px 4px/143px;
 }
 .ap-features-contentBox:nth-child(3) .indx-sec2-icon {
   background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-3.svg) no-repeat 1px 4px/143px;
 }
 .ap-features-contentBox:nth-child(4) .indx-sec2-icon {
     background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-4.svg) no-repeat 1px 4px/143px;
 }
 .ap-features-contentBox:nth-child(5) .indx-sec2-icon {
   background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-5.svg) no-repeat 1px 4px/143px;
 }
 .ap-features-contentBox:nth-child(6) .indx-sec2-icon {
     background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-6.svg) no-repeat 1px 4px/143px;
 }
 .ap-features-contentBox:nth-child(7) .indx-sec2-icon {
     background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-7.svg) no-repeat 1px 4px/123px;
 }
 .ap-features-contentBox h2 {
     font-size: 30px;
     line-height: 45px;
     margin: 0px;
     font-weight: 500;
     color: #333;
 }
 .ap-features-contentBox p {
     font-size: 16px;
     line-height: 40px;
 }
 .ap-features-content .box-scroll {
     position: relative;
 }
 
 .sticky-placeholder {
     opacity: 0;
     visibility: hidden;
 }
 .fixed-top {
     position: fixed;
     top: 0;
     margin-top: 100px;
     z-index: 1;
 }
 #cont-1 {
     transform-origin: 50% 50%;
     transform-style: preserve-3d;
   transform: scale(0.978459);
 }
 #cont-2 {
 transform: scale3d(0.988459, 0.988459, 1);
 }
 #cont-3 {
     transform: scale3d(0.998459, 0.998459, 2);
 }
 #cont-4 {
     transform: scale3d(1.00846, 1.00846, 3);
 }
 #cont-5 {
     transform: scale3d(1.01846, 1.01846, 4);
 }
 #cont-6 {
 transform: scale3d(1.02846, 1.02846, 5);
 }
 #cont-7 {
   transform: scale3d(1.03607, 1.03607, 6);
 }
 
 .ap-indx-sec3 {
   background: #ecf0f9;  
   padding-top: 40px;
   padding-bottom: 40px;
 }
 .box-integration {
 
 }
 .box-yellow-bg {        
   position: relative;
   width: 70%;  
     z-index: 0;
 }
 .box-yellow-bg:before {
     content: " ";
     background: url(../images/out-box-lf-bg.png) no-repeat;
     position: absolute;
     top: -40px;
     left: 175px;
     width: 310px;
     height: 600px;
     z-index: -1;
 }
 .box-yellow-bg:after {
     content: " ";
     background: url(../images/out-box-lf-bg.png) no-repeat;
     position: absolute;
     top: 173px;
     left: -49px;
     width: 310px;
     height: 600px;
     z-index: -1;
 }
 .box-yellow-bg h2 { 
   background: #f2ca73;
     font-weight: 600;
     font-size: 24px;
     padding: 40px 20px 20px 20px;
     box-shadow: 6px 6px 0px #ece8dd;
     min-height: 320px;
     color: #000;
     margin-top: 0;    
     line-height: 40px;
   border-radius: 5px;
 }
 .sml-box-innr li {
     width: 24%;
     float: left;
   position: relative;
   background: #fff;
     border: 1px solid #e3e4e5;
     box-shadow: 0px 0px 1px #e3e4e5;
     margin-left: 10px;
     margin-bottom: 10px;
     padding: 10px;
     font-size: 14px;
     min-height: 220px;  
   cursor: pointer;
   border-bottom: 2px solid #ffffff;
 }
 .sml-box-innr li {
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
   transition: 300ms linear;
     -webkit-transition: 300ms linear;
     -moz-transition: 300ms linear;
 }
 .sml-box-innr li:hover {
 /*
   -webkit-transform: translateY(-4px);
     transform: translateY(-4px);
 */
     box-shadow: 0px 7px 25px #d5d5d5;
     -moz-box-shadow: 0px 7px 25px #d5d5d5;
     -webkit-box-shadow: 0px 7px 25px #d5d5d5;
   border-bottom: 2px solid #7da5ff;
     transition: 300ms linear;
     -webkit-transition: 300ms linear;
     -moz-transition: 300ms linear;
     box-shadow: 0px 0px 9px #0000005c;
 }
 .sml-box-innr li .indx-sec3-icon {
   content: " ";
     display: inline-block;
   width: 50px;
   height: 50px;
   background: url("https://www.manageengine.com/se/analytics-plus/images/ap-sprite-img.svg") no-repeat;
   -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     transform-origin: bottom left;
 }
 .sml-box-innr li:hover .indx-sec3-icon { 
   transform: scale(1.1);
 }
 .sml-box-innr li:first-child .indx-sec3-icon {
   background-size: 620px;
     background-position: -107px 4px;
 }
 .sml-box-innr li:nth-child(2) .indx-sec3-icon {
   background-size: 540px;
     background-position: -41px 9px;
 }
 .sml-box-innr li:nth-child(3) .indx-sec3-icon {
     background-size: 720px;
     background-position: 1px -49px;
     width: 140px;
     height: 45px;
 }
 .sml-box-innr li:nth-child(4) .indx-sec3-icon {
   background-size: 620px;
     background-position: 1px 4px;
 }
 .sml-box-innr li:nth-child(5) .indx-sec3-icon {
     background-size: 590px;
     background-position: -148px 11px;
 }
 .sml-box-innr li:nth-child(6) .indx-sec3-icon {
     background-size: 590px;
     background-position: -193px 3px;
 }
 .sml-box-innr li:nth-child(7) .indx-sec3-icon {
     background-size: 720px;
     background-position: -623px -35px;
 }
 .sml-box-innr li:nth-child(8) .indx-sec3-icon {
   background-size: 610px;
     background-position: -248px 8px;
 }
 .sml-box-innr li:nth-child(9) .indx-sec3-icon {
     background-size: 590px;
     background-position: -290px 4px;
 }
 .sml-box-innr li:nth-child(10) .indx-sec3-icon {
     background-size: 660px;
     background-position: -380px 4px;
 }
 .sml-box-innr li:nth-child(11) .indx-sec3-icon {
     background-size: 720px;
     background-position: -468px 4px;
 }
 .sml-box-innr li:nth-child(12) .indx-sec3-icon {
     background-size: 720px;
     background-position: -516px 5px;
 }
 .sml-box-innr li h2 {   
     margin-top: 0;
   margin-bottom: 0;
     color: #000;
 }
 .sml-box-innr p {
 /*  margin-top: 5px;*/
 }
 .sml-box-innr li a {
   display: block;
   color: #000;
   text-decoration: none;
 }
 .sml-box-innr li b {
     position: absolute;
     bottom: 8px;
       color: #138cd6; 
 }
 .sec-cust-slid {  
   padding-top: 40px;
   padding-bottom: 40px;
 }
 .cust-slid-inner {
     max-width: 1200px;
     margin: 60px auto;  
 }
 .custmr-quotes-slider {
   
 }
 .custmr-quotes-slider p {
   
 }
 .client-profile {
   
 }
 .cust-left-img {
     width: 55%;
     margin: 0 auto; 
 }
 .cust-img-bg {
   position: relative;    
   margin-top: 50px;
 }
 .cust-img-bg:before {
   content: " ";
     position: absolute;
     background: url(../images/cust-prfl-bg.png) no-repeat;
     top: -45px;
     left: 40px;
     width: 100%;
     height: 310px;
     z-index: -1;
 }
 .cust-left-img img {
   border-radius: 50%;
     border: 2px solid #8c9db8;
     padding: 2px;
 }
 .cust-quote-slid {
   position: relative;
   line-height: 35px;
     padding-top: 60px;  
     padding-left: 40px;
 }
 .cust-quote-slid:before {
     content: " ";
     position: absolute;
     background: url(https://www.manageengine.com/se/analytics-plus/images/ap-sprite-img.svg) no-repeat;
     width: 80px;
     height: 60px;
     top: 0px;
     left: 0px;
     background-size: 530px;
     background-position: -415px 1px;  
 }
 .client-profile {
     color: #000 !important;
     margin-top: 20px;
     font-weight: 600;
     line-height: 30px;  
 }
 .client-profile span {
     color: #181818 !important;
     opacity: .7;
     font-weight: 400;
 }
 .customer-slider {
   position: relative;
 }
 
 .ap-indx-sec5 { 
     background: #efefef;
   padding-top: 40px;
   padding-bottom: 40px;
 }
 #meGDPRMessage {
     text-align: left;
 }
 .index-dwn-form {
   max-width: 800px;
     margin: auto;
   margin-top: 40px;
 }
 .index-dwn-form .input-effect {
     background: #fff; 
 }
 .index-dwn-form li {
     width: 100%;
     float: left;    
   padding-bottom: 25px;
 }
 .index-dwn-form li input, .index-dwn-form li select {
   width: 100%;
   height: 50px;
     border: 1px solid #cccccc;
     font-size: 14px;
     padding: 7px;
 }
 .submit-btn {
   width: 100% !important;
 }
 .submit-btn .btn-red {
     width: 280px !important;
     font-size: 18px !important;
 }
 .dwn-priv.tac {
     width: 100% !important;    
   text-align: center !important;
   padding: 0px !important;
 }
 .index-dwn-form ul {
   list-style-type: none !important; 
 }
 .index-dwn-form input:focus {
   outline: none;
 }
 .cust-globe {
   margin-top: 50px;
 }
 .cust-globe-innr {
   display: flex;
   margin: 70px 0;
 }
 .cust-globe-innr .cl-md-5, .cust-globe-innr .cl-md-7 {
   margin: auto;
 }
 .globe-video {
     position: relative;
   overflow: hidden; 
 }
 .globe-video a {
     position: relative;
     display: flex;
     cursor: pointer;
 }
 .globe-video a img {
     transition: all .7s ease-in-out;
 }
 .ap-indx-sec4 .globe-img {
   padding: 0 !important;  
 }
 .globe-img {
   position: relative; 
   overflow: hidden;
   padding: 6px;
   width: 688px;
   background: #fff;
 }
 
 .globe-img:after {
   content: " ";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #00000000;
 /*    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.13) 100%);   */
   transition: all .3s;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
 }
 .globe-video a:hover img {
   transform: scale(1.1);
     transition: all .7s ease-in-out;
 }
 .globe-ply-btn{
     position: absolute;
     bottom: 18px;
     right: 20px;
     color: #fff;
     background: #F34E5E;
     font-size: 13px;
     padding: 1px 10px 0px 23px;
     text-transform: uppercase;
     cursor: pointer;
 }
 .globe-ply-btn:after  {
     content: "";
     border-color: transparent transparent transparent #fff;
     border-style: solid;
     border-width: 5px 0 5px 8px;
     height: 0;
     left: 8px;
     position: absolute;
     top: 7px;
     width: 0;
 }
 .globe-content {
     position: absolute;
     bottom: 0px;
     width: 90%;
     padding: 0 30px;
     color: #fff;
     font-size: 15px;
 }
 .globe-content h3 {
   font-size: 17px;
     margin-bottom: 0;
 }
 .globe-content p {
   font-size: 12px;
     font-weight: 100;
     margin-top: 10px;
 }
 .globe-content p span {
   font-size: 14px;
     font-weight: 400;
 }
 .globe-logo li {
   float: left;
     width: 33.3333%;
     height: 70px;
     text-align: center;
     padding: 0px 20px;
     border-right: 1px solid #ccc;
     margin-bottom: 40px;
     display: flex;  
 }
 .globe-logo li:nth-child(3), .globe-logo li:nth-child(6) {
   border-right: 0px solid #ccc !important;
 }
 .globe-logo li img {
   width: 80%;
     margin: auto;
   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
   filter: grayscale(100%);
 /*
     height: 40px;
     overflow: hidden;
 */
 }
 .globe-logo li.inher img {
   width: inherit;
 }
 .globe-logo li.vis-h {
     position: absolute;
     z-index: -1;
 }
 .globe-logo p a {
     color: #0194f6;
   padding-left: 50px;
     text-decoration: underline;
 }
 .go-data-sec {
     position: relative;
 /*    height: 250px;*/
     padding: 50px 0;
   z-index: 0;
 }
 .go-data-sec:before {
   content: " ";
     background: url(https://www.manageengine.com/se/analytics-plus/images/go-data-bg.svg) no-repeat;
     position: absolute;
     bottom: 0px;
     left: 0;
     background-size: cover;
     height: 100%;
     width: 100%;
     z-index: -1;
 }
 .inbtm-red {
   background: #ef372e;
     color: #fff !important;
     border: 1px solid #ef372e;
     margin: 25px;
 }
 .inbtm-red:hover {
   background: #cd312a !important;
     border: 1px solid #cd312a;
 }
 /*text underline style start here*/
 
 .ap-features-list-inner ul li a:after {
     bottom: -2px;
     content: "";
     display: block;
     height: 2px;
     /* left: 50%; */
     left: 0%;
     position: absolute;
     transition: width 0.3s ease 0s, left 0.3s ease 0s;
     width: 0;
 }
 .ap-features-list-inner ul li a:after {
     color: #007cc9;
     background: #007cc9;
 }
 .ap-features-list-inner ul li a:hover:after {
     opacity: 1;
     text-decoration: none;
     width: 100%;
     left: 0;
 }
 /*text underline style end here*/
 
 /*DownloD Page design start here*/
 .dwn-page {
   width: 460px;
     background: #fff;    
   padding: 30px;
   border-radius: 6px;
     box-shadow: 0px 0px 20px #80808061;    
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 .dwn-fm-titl {
     font-size: 27px;
     line-height: 45px;
     font-weight: 600;
     color: #0A2B45;
     margin: 0px 0px 20px 0px;
 }
 /*
 .dwn-page .input-effect input:focus ~ label, 
 .dwn-page .input-effect input.has-content ~ label {
   background: #ffffff;
     width: auto !important;
     padding: 5px;
     top: -12px !important;
     z-index: 9 !important;
     left: 11px !important;
 }
 
 .index-dwn-form.dwn-page li {
     padding-bottom: 15px;
 }
 */
 .dwn-contact {
   width: 460px;
     margin: 0px auto;
     padding-top: 40px;
 }
 .dwn-contact ul li {
     display: flex;
     float: left;
     margin-bottom: 15px;
 }
 .dwn-contact ul li span {
     width: 40px;
     height: 40px;
     display: flex;
   background: #eff9ff;
     border: 1px solid #a9e2fb;
     border-radius: 25px;
     margin: auto;
 }
 .dwn-contact ul li span:before {
     content: " ";
     display: inline-block;
     width: 33px;
     background: url(https://www.manageengine.com/se/analytics-plus/images/ap-sprite-img.svg) no-repeat;
   margin: auto;
     background-size: 730px;
 }
 .dwn-contact ul li:first-child span:before {
     height: 20px;
     background-position: -573px -1px;
 }
 .dwn-contact ul li:last-child span:before {
     height: 30px;
     background-position: -573px -19px;
 }
 .dwn-contact ul li a {
   color: #2f2f2f;
     padding-left: 15px;
     margin: auto; 
 }
 .blue-graf-bg {
     position: relative;
     background: #eff9ff;
     padding: 50px;
     z-index: 0;
 }
 .blue-graf-bg:before {
     content: " ";
     background: url(https://www.manageengine.com/se/analytics-plus/images/go-data-bg.svg) no-repeat;
     position: absolute;
     bottom: 0px;
     left: 0;
     background-size: cover;
     height: 300px;
     width: 100%;
     z-index: -1;
 }
 .dwn-guide {
   display: flex;
     justify-content: space-evenly;    
   font-size: 15px;
   font-weight: 100;
 }
 .dwn-guide a {
   color: #000;
 }
 .dwn-customer-slider {
     position: relative;
 }
 .dwn-cust-slid-inner {
     max-width: 1200px;
     margin: 0px auto;
 }
 .dwn-cust-quote-slid {
     position: relative;
     line-height: 35px;
     padding-top: 60px;
     padding-left: 40px;
 }
 .dwn-cust-quote-slid:before {
     content: " ";
     position: absolute;
     background: url(https://www.manageengine.com/se/analytics-plus/images/ap-sprite-img.svg) no-repeat;
     width: 40px;
     height: 30px;
   top: 40px;
     left: 50px;
     background-size: 530px;
     background-position: -493px 1px;
 }
 .dwn-cust-quote-slid p {
   border: 1px solid #ADCAE4;
     padding: 14px;
     position: relative;
     border-right: 0px;
     border-top: 0px;    
   margin-bottom: 30px;
   min-height: 130px;
 }
 .dwn-cust-quote-slid p:after {
     content: " ";
     position: absolute;
     background: url(https://www.manageengine.com/se/analytics-plus/images/ap-sprite-img.svg) no-repeat;
     width: 17px;
     height: 20px;
     left: 25px;
     bottom: -17px;
     background-size: 530px;
   background-position: -437px -1px;
 }
 .dwn-cust-left-img {
     width: 70px;
 }
 .dwn-cust-left-img img {
     border-radius: 50%;
     border: 1px solid #8c9db8;
     padding: 1px;
 }
 .dwn-client-profile {
   font-size: 17px;
     color: #000 !important;
     margin-top: 12px;
     font-weight: 600;
     line-height: 30px;
 }
 .dwn-client-profile span {
   font-size: 14px;
     display: block;
     color: #181818 !important;
     opacity: .7;
     font-weight: 400;
 }
 .cust-bullet {
   position: absolute;
   bottom: -40px;
     left: 40px;
 }
 #cust-dots li {
   display: inline-block;
     width: 13px;
     height: 13px;
     position: relative;
 }
 #cust-dots li a {
   display: block;
     position: relative;
     background: #dfe4e8;
     z-index: 1;
     width: 100%;
     height: 100%;
     cursor: pointer;
     text-decoration: none;
     border-radius: 50%;
 }
 
 #cust-dots li a.current, #cust-dots li a:hover {
     background: #9a9a9a;
   
 }
 .dwn-btn-slider {
     position: absolute;
     z-index: 3;
     display: block;
   bottom: 20px;
     color: #ffffff;
     transform: translateY(-50%);
     font-size: 50px;
     font-weight: 100;
     border-radius: 25px;
     opacity: 0.7;
     transition: 0.5s;
     -moz-transition: 0.5s;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     cursor: pointer;
 }
 .dwn-btn-slider:hover {
   opacity: 1;
 }
 .dwn-btn-slider a {
   content: " ";
     position: absolute;
     background: url(https://www.manageengine.com/se/analytics-plus/images/ap-sprite-img.svg) no-repeat;
     width: 17px;
     height: 30px;
     top: 30px;
     left: 50px;
     background-size: 530px;
 }
 .dwn-btn-slider.next {
     right: 200px;
 }
 .dwn-btn-slider.prev {
     right: 240px;
 }
 .dwn-btn-slider.next a {
   background-position: -512px -27px;    
 }
 .dwn-btn-slider.prev a {
     background-position: -497px -27px;    
 }
 /*DownloD Page design end here*/
 
 
 /*customer Page design start here*/
 #slidesIR{overflow:hidden;position:relative;width:100% !important;}
 #slidesIR ul{list-style:none;width:100%;margin:0;padding:0;position:relative;}
 #slidesIR li{width:100%;float:left;text-align:left;position:relative;}
 .customer-banner {
   position: relative;
     background: #3f93e6;
     padding: 50px;
     min-height: 230px;
     z-index: 0;
     display: flex;
 }
 .customer-banner:before {
     content: " ";
     background: url(../images/customer/customer-bg.svg) no-repeat;
     position: absolute;
     bottom: -45px;
     left: 0;
     background-size: contain;
     height: 300px;
     width: 100%;
     z-index: -1;
 }
 .customer-sec-2 {
   padding: 40px;
     margin-bottom: 10px;
 }
 .testimony-video {
     position: absolute;
 /*    overflow: hidden;*/
     width: 100%;
     right: 0;
     top: -20px;
 }
 .testimony-video ul li a {
   position: relative;
     display: flex;
     cursor: pointer;
 /*    box-shadow: 1px 1px 10px #0000007a*/
 }
 .testimony-ply-btn {
   position: absolute;
     top: 18px;
     right: 0;
     color: #000;
     background: #ffffff;
     font-size: 14px;
     padding: 8px 15px 8px 46px;
     border-top-left-radius: 25px;
     border-bottom-left-radius: 25px;
     cursor: pointer;
   transition: 300ms linear;
     -webkit-transition: 300ms linear;
     -moz-transition: 300ms linear;
     box-shadow: 0px 0px 15px #000;
 }
 .testimony-ply-btn:after {
   content: "";
     border-color: transparent transparent transparent #EB1D1D;
     border-style: solid;
     border-width: 10px 0 10px 17px;
     height: 0;
     left: 19px;
     position: absolute;
     top: 10px;
     width: 0;
     transition: 0.5s;
     -moz-transition: 0.5s;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
 }
 .testimony-video ul li a:hover .testimony-ply-btn:after {
     transform: rotate(240deg);
     transition: 0.5s;
     -moz-transition: 0.5s;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
 }
 .testimony-ply-btn:hover {
   box-shadow: 0px 0px 31px #000;
   transition: 300ms linear;
     -webkit-transition: 300ms linear;
     -moz-transition: 300ms linear;
 }
 .cust-btn-slider.prev {
     position: absolute;
     top: -2px;
     left: 0;
 }
 .cust-btn-slider.next {
     position: absolute;
     top: -2px;
     right: 0px;
 }
 .cust-btn-slider a {
     content: " ";
     background: url(../images/ap-sprite-img.png) no-repeat;
 /*    background: url(https://www.manageengine.com/se/analytics-plus/images/ap-sprite-img.svg) no-repeat;*/
     width: 17px;
     height: 30px;
     display: flex;
 }
 .cust-btn-slider.prev a {
     background-position: -469px -26px;
 }
 .cust-btn-slider.next a {
     background-position: -482px -27px;
 }
 .testimony-count {
   position: relative;
     width: 110px;
     text-align: center;
     margin-top: 30px;
 }
 .testimony-count a {
   color: #000;
 }
 #case_study {
     position: relative;
     background: #f7f7f7;
 }
 .case-study-titl {
     font-size: 35px;
     line-height: 45px;
     color: #333;
     letter-spacing: -1px;
     font-weight: 500;
     text-align: center;
 }
 .case-study-body {
     margin-top: 20px;
 }
 .csb-div {
     width: 30%;
     float: left;
   background: #fff;
     margin: 16px;
     padding-bottom: 20px;
     box-shadow: 0 0 1px #999999;
     border: 1px solid #f9f9f9;
     border-bottom: 2px solid #e3e3e3;
     cursor: pointer;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
 }
 .csb-div:hover {
     border-color: #999999;
     box-shadow: 0px 7px 25px #d5d5d5;
     -moz-box-shadow: 0px 7px 25px #d5d5d5;
     -webkit-box-shadow: 0px 7px 25px #d5d5d5;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
 }
 .csb-div a {
     text-decoration: none;
 }
 .csb-padd {
     padding: 0 40px;
 }
 .csb-div p {
     /* border-bottom: 1px solid #e1e1e1; */
     padding-bottom: 8px;
 }
 .csb-div p img {
     height: 40px;
 /*    max-width: 235px;*/
 }
 .csb-div-cntnt {
     font-size: 15px;
     line-height: 30px;
     color: #444;
     min-height: 90px;
 }
 .csb-rm {
     float: left;
     margin-top: 12px;
     font-size: 12px;
     padding: 0;
     text-decoration: underline;
 }
 
 /*customer Page design end here*/
 
 /*get quote Page design start here*/
 .get-quote .container {
     max-width: 1100px;
 }
 .get-quote {
     background: #EFF7FF;
     padding: 50px 30px;
 }
 .sub-tit {
   font-size: 16px;
     font-weight: 600;
   margin-top: 10px;
 }
 .price-box {
     margin-top: 30px; 
 }
 .price-box .cl-md-4 {
   padding: 3px;
 }
 .price-box-inner {
 /*  cursor: pointer;*/
   background: #fff;
     border: 1px solid #e0e0e0;
     border-radius: 10px;
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
 }
 /*
 .price-box-inner:hover {
     -moz-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     transform: scale(1.07);    
   box-shadow: 0px 7px 25px #d5d5d5;
     -moz-box-shadow: 0px 7px 25px #d5d5d5;
     -webkit-box-shadow: 0px 7px 25px #d5d5d5;
   z-index: 9999;
 }
 */
 .price-box .cl-md-4:nth-child(2) .price-box-inner {
     transform: scale(1.07); 
   box-shadow: 0px 0px 25px #d5d5d5;
     -moz-box-shadow: 0px 0px 25px #d5d5d5;
     -webkit-box-shadow: 0px 0px 25px #d5d5d5;
 }
 /*
 .price-box .cl-md-4:first-child .price-box-inner {
     transform: scale(1.06); 
 }
 .price-box .cl-md-4:last-child .price-box-inner {
     transform: scale(1.06); 
 }
 */
 .pp-amount {
   display: none;
 }
 .price-box-inner h1 {
     font-size: 24px;
     color: #454545;
     text-align: center;    
   margin-top: 25px;
 }
 .price-box-top, .price-box-bottom {
     padding: 20px;  
 }
 .price-box-top {
   text-align: center;
     border-bottom: 1px solid #e0e0e0;
 }
 .price-box-top h2, .addon-box-inner h2 {
     font-size: 28px;
     font-weight: 600;
     margin: 20px 0 10px;
 }
 .price-box-top h2 span, .addon-box-inner  h2 span {
     font-size: 16px;
     font-weight: 400; 
     display: table-cell;
 }
 .price-box-top h2 .lrg b, .addon-box-inner  h2 .lrg b  {
     font-size: 28px;
     font-weight: 600;
 }
 .price-box-top h2 .lrg i, .addon-box-inner h2 .lrg i {
     display: block;
     font-size: 14px;
     margin-top: -6px;
     opacity: .7;
 }
 .price-t {
     width: 230px;
     margin: 0px auto;
     display: table;
 }
 .price-box-top p {
   margin-bottom: 1px
 }
 .price-box-top .user-opa span, .addon-box-inner .user-opa span {
     opacity: .7;
 }
 .btn-orng {
       background: #fa5d4e;
     color: #fff;
     border: 1px solid #fa5d4e;
 }
 .btn-green {
   background: #2fab89;
     color: #fff;
     border: 1px solid #2fab89;
 }
 .price-box-top .btn {
     padding: 8px 35px;
     border-radius: 0px;
     margin-top: 18px; 
 }
 .price-box-bottom {
     min-height: 270px;
 }
 .price-box-bottom ul li {
     position: relative;
   margin-bottom: 25px;  
     margin-left: 28px;
 }
 .price-box-bottom ul li:before {
     content: " ";
     position: absolute;
     background: url(https://www.manageengine.com/se/analytics-plus/images/ap-sprite-img.svg) no-repeat;
     width: 25px;
     height: 25px;
     top: 0;
     left: -33px;
     background-size: 500px;
     background-position: -430px 1px;
 }
 .faq-panel-heading.active .faq-title {
     background: none;
   font-weight: 600;
     transition: 300ms linear;
     -webkit-transition: 300ms linear;
     -moz-transition: 300ms linear;
 }
 .addon-box {
   text-align: center;
     margin-top: 60px; 
 }
 .addon-box-out {
     width: 400px;
     margin: 20px auto;
     background: #fff;
     border: 1px solid #e0e0e0;
     padding: 24px;
 }
 .addon-box-inner {
     text-align: center; 
 }
 .addon-box-inner h1 {
     font-size: 24px;
     color: #454545;
     text-align: center;
 }
 .addon-box-inner p {
   margin-bottom: 1px;
 }
 .addon-box-inner h2 {
   font-size: 30px;
     font-weight: 600;
     margin: 9px 0;  
 }
 /*
 .addon-box-inner span {
   opacity: .7;  
 }
 */
 .link-ce a {
   position: relative;
   font-size: 20px;
   color: #008fe5;
 }
 .link-ce a:after {
   background: #008fe5 !important;
   bottom: -1px;
     content: "";
     display: block;
     height: 2px;
     left: 50%;
     position: absolute;
     transition: width 0.3s ease 0s, left 0.3s ease 0s;
     width: 0;
 }
 .link-ce a:hover {
   text-decoration: none;
 }
 .link-ce a:hover:after {
     text-decoration: none;
     width: 100%;
     left: 0;  
 }
 
 .g-toggle input[type="checkbox"] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   -webkit-tap-highlight-color: transparent;
   cursor: pointer;
 }
 .g-toggle input[type="checkbox"]:focus {
   outline: 0;
 }
 
 .g-quote-toggle {
     height: 30px;
     width: 60px;
     border-radius: 35px;
     display: inline-block;
     position: relative;
     margin: 0;
     border: 1px solid #cfcfd0;
     background: #fff;
     transform: translateY(8px);
     transition: all 0.2s ease;
 }
 .g-quote-toggle:after {
   content: "";
   position: absolute;
   top: 2px;
   left: 2px;
   width: 24px;
   height: 24px;
   border-radius: 50%;
   background: #2fab89;
 /*  box-shadow: 0 1px 2px rgba(44, 44, 44, 0.2);*/
   transition: all 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35);
 }
 .g-toggle {
   margin-top: 40px;
     text-align: right;
 }
 .g-toggle span {
   font-weight: 500; 
 }
 .g-quote-toggle:checked:after {
   transform: translatex(30px);
 }
 .gq-opa {
   opacity: .6;
 }
 .gq-forms {
   display: none;    
     margin: 0 auto;
     transform: translatey(40px);
 }
 .gq-forms .quote-label {
   display: block;
     padding-left: 0;
 }
 .gq-forms #downloadSubmit {
   background: #ef372e !important;
     color: #fff !important;
     border: 1px solid #ef372e !important;
     width: 49%;
     float: left;
 }
 .gq-forms #downloadReset {
   width: 49%;
     float: right;
     margin-top: 20px;
 }
 .gq-forms .dwn-fm-titl {
     font-size: 24px;
 }
 .gq-forms .dwn-page {
   width: 500px;
     position: relative;
 }
 .edition-note {
     position: absolute;
     top: 4px;
     right: 20px;
     font-size: 11px;
     color: #a5a5a5; 
 }
 .posRel {
     position: relative;
 }
 .quick-help-view {
     position: absolute;
     right: -24px;
     top: 13px;
     cursor: pointer;
 }
 .vis-toggle {
   float: right;
   margin-top: 30px;
   visibility: hidden;
 }
 .vis-toggle.visi{
   visibility: visible !important;
 }
 .tooltip-box {
     width: 450px;
     height: 165px;
     background: #000;
     color: #fff;
     padding: 10px 20px;
     text-align: left;
     top: -192px;
     position: absolute;
     right: -230px;
     border-radius: 4px;
 }
 .tooltip-box {
     height: 120px !important;
     top: -145px !important;
 }
 .tooltip-box:after {
     position: absolute;
     content: '';
     bottom: -20px;
     left: 243px;
     border-width: 10px;
     border-style: solid;
     border-color: #000 transparent transparent;
 }
 /*get quote Page design end here*/
 
 /*Faq Page design start here*/
 
 .sn-faq {
     margin-top: 100px;
 }
 
 .sn-faq-bnr {
     position: relative;
   background: #FECB58;
     display: flex;
     text-align: center;
     min-height: 200px;  
   z-index: 0;
 }
 .sn-faq-bnr:before {
   content: " ";
   background: url(../images/servicenow/faq-bg1.png) no-repeat;
   width: 100%;
   height: 200px;
   background-size: contain;
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: -1;
 }
 .sn-faq-bnr:after {
   content: " ";
   background: url(../images/servicenow/faq-bg2.png) no-repeat;
     width: 80px;
     height: 180px;
   background-size: contain;
   position: absolute;
   top: 0px;
   right: 0px;
   z-index: -1;
 }
 
 .sn-faq-bnr h1 {
     margin: auto;
     font-size: 50px;
     font-weight: 600;
   line-height: initial;
 }
 /*
 .faq-panel:nth-child(2n) {
     background: #eff7ff;
     margin-bottom: 7px;
 }
 .faq-panel:nth-child(odd) {
     background: #F7FBFF;
     margin-bottom: 7px;
 }
 */
 .faq-panel {
   background: #ffffff;  
 /*  box-shadow: 2px 2px 10px #e3e3e3;*/
     margin-bottom: 10px;
     border: 1px solid #EDEDED;
 }
 .faq-panel.active {
   box-shadow: 2px 2px 6px #efefef;
 }
 .faq-title {   
 /*  border-bottom: 1px solid #eae8e8;*/
     background: #f7f7f7;
     color: #000;
 /*    font-weight: bold;*/
     padding: 18px 25px;
   margin-left: 0px;
   transition: 300ms linear;
     -webkit-transition: 300ms linear;
     -moz-transition: 300ms linear;
 }
 .faq-panel-heading a:hover {
   text-decoration: none;
 }
 .faq-panel-heading .faq-title:hover {
     background: #f0f0f0;    
   transition: 300ms linear;
     -webkit-transition: 300ms linear;
     -moz-transition: 300ms linear;
 }
 .faq-panel-heading.active .faq-title {
     background: none;  
   transition: 300ms linear;
     -webkit-transition: 300ms linear;
     -moz-transition: 300ms linear;
 }
 .faq-title .panal-open, .faq-title .panal-close {
     float: right;
     font-size: 25px;
     font-family: monospace;
     line-height: 15px;
 }
 .faq-title .panal-close {
     line-height: 11px;
 }
 .faq-panel-heading.active  h4 .panal-close {
   display: block !important;
 }
 .faq-panel-heading.active  h4 .panal-open {
   display: none;
 }
 .faq-title .panal-close {
   display: none !important;
 }
 .faq-panel-body ol {
   list-style: decimal;
     padding-left: 15px;
 }
 .faq-panel-body ul {
     list-style: disc;
     padding-left: 15px;
 }
 .faq-panel-body ul.stylenone {
     list-style: none !important;
     padding-left: 0px !important;
 }
 /*
 #faq_collapse {    
   display: none;
 }
 */
 .faq-collapse {    
   font-size: 16px;
     line-height: 30px;
     padding: 0px 25px;
     padding-top: 0;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
 }
 .faq-panel.active .faq-collapse {
   margin-bottom: 20px;
 }
 .faq-panel-heading {
   transition: 0.4s;
 }
 .faq-panel .faq-collapse .faq-panel-body b {
   font-size: smaller; 
 }
 /*Faq quote Page design end here*/
 
 
 /*radio box design start here*/
 
 .radio-box label {
     position: relative;
     padding-left: 25px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 15px;
   margin-right: 30px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 .radio-box .os-label {
   padding-left: 0px;
 }
 /* Hide the browser's default radio button */
 .radio-box label input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
 }
 
 /* Create a custom radio button */
 .radio-box label .checkmark {
     position: absolute;
     top: 3px;
     left: 0;
     height: 16px;
     width: 16px;
      background-color: #fff;
     border-radius: 50%;
     border: 1px solid #bbb;
 }
 
 /* On mouse-over, add a grey background color */
 .radio-box label:hover label input ~ .checkmark {
     background-color: #ccc;
 }
 
 /* When the radio button is checked, add a blue background */
 .radio-box label input:checked ~ .checkmark {
     background-color: #fff;
     border: 1px solid #2196F3;
 }
 
 /* Create the indicator (the dot/circle - hidden when not checked) */
 .radio-box label .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }
 
 /* Show the indicator (dot/circle) when checked */
 .container input:checked ~ .checkmark:after {
     display: block;
 }
 
 /* Style the indicator (dot/circle) */
 .radio-box label .checkmark:after {
   top: 4px;
   left: 4px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: #2196F3;
 }
 
 /*radio box design end here*/
 
 /* input focus effects css start */
 input:focus {
   outline: none;
 }
 .input-effect{ position: relative;z-index: 0;} /* necessary to give position: relative to parent. */
 .input-effect input{border: 1px solid #ccc; padding: 7px 14px; transition: 0.4s; background: transparent;}
 .input-effect input ~ .focus-border:before,
 .input-effect input ~ .focus-border:after{content: ""; position: absolute; top: 0; right: 0; width: 0; height: 2px; background-color: #3399FF; transition: 0.2s; transition-delay: 0.2s;}
 .input-effect input ~ .focus-border:after{top: auto; bottom: 0; right: auto; left: 0; transition-delay: 0.6s;}
 .input-effect input ~ .focus-border i:before,
 .input-effect input ~ .focus-border i:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 0; background-color: #3399FF; transition: 0.2s;}
 .input-effect input ~ .focus-border i:after{left: auto; right: 0; top: auto; bottom: 0; transition-delay: 0.4s;}
 .input-effect input:focus ~ .focus-border:before,
 .input-effect input:focus ~ .focus-border:after,
 .input-effect input.has-content ~ .focus-border:before,
 .input-effect input.has-content ~ .focus-border:after{width: 100%; transition: 0.2s; transition-delay: 0.6s;}
 .input-effect input:focus ~ .focus-border:after,
 .input-effect input.has-content ~ .focus-border:after{transition-delay: 0.2s;}
 .input-effect input:focus ~ .focus-border i:before,
 .input-effect input:focus ~ .focus-border i:after,
 .input-effect input.has-content ~ .focus-border i:before,
 .input-effect input.has-content ~ .focus-border i:after{height: 100%; transition: 0.2s;}
 .input-effect input:focus ~ .focus-border i:after,
 .has-conten.input-effect input ~ .focus-border i:after{transition-delay: 0.4s;}
 .input-effect input ~ label{position: absolute;left: 10px;width: 100%;font-size: 14px;top: 13px;color: #aaa;transition: 0.3s;z-index: -1;letter-spacing: 0.5px;text-align: left;}
 .input-effect input:focus ~ label, .input-effect input.has-content  ~ label{top: -22px; left: 0; font-size: 14px;font-size: 11px;color: #3399FF; transition: 0.3s;}
 
 /* input focus effects css End */
 
 
 /* Popup video style start here */
 
 .overlayDiv{background:#000 none repeat scroll 0 0;height:100%;left:0;opacity:.4;overflow:hidden;position:fixed;top:0;width:100%;z-index:99999}
 #appVideo-testimonial, #aplus-help-webinar-section{background:#ffffff;left:5%;position:fixed;top:calc(5% + 22px);z-index:999999;width:90%;height:90%;padding:20px;-webkit-box-sizing: border-box;box-sizing: -moz-border-box; box-sizing: border-box;}
 .closeVideo{background:#fff none repeat scroll 0 0;border-radius:50px;color: #333;cursor:pointer;font-size:16px;height:40px;line-height:40px;position:absolute;right:-9px;text-align:center;top:-11px;transition:all .4s ease 0;width:40px}
 .closeVideo:hover{color: red;}
 #backToTop {z-index: 99;}
 /* Popup video style End here */
 
 /*
 .effect2
 {
   position: relative;
 }
 .effect2:before, .effect2:after
 {
   z-index: -1;
   position: absolute;
   content: "";
   bottom: 15px;
   left: 10px;
   width: 50%;
   top: 80%;
   max-width:300px;
   background: #777;
   -webkit-box-shadow: 0 15px 10px #777;
   -moz-box-shadow: 0 15px 10px #777;
   box-shadow: 0 15px 10px #777;
   -webkit-transform: rotate(-3deg);
   -moz-transform: rotate(-3deg);
   -o-transform: rotate(-3deg);
   -ms-transform: rotate(-3deg);
   transform: rotate(-3deg);
 }
 .effect2:after
 {
   -webkit-transform: rotate(3deg);
   -moz-transform: rotate(3deg);
   -o-transform: rotate(3deg);
   -ms-transform: rotate(3deg);
   transform: rotate(3deg);
   right: 10px;
   left: auto;
 }
 */
 
 #btmBar.fixed{position:relative;}
 .full-auto {text-align:left;}
 
 /*responsive code start here*/
 
 @media screen and (max-width:1900px) {
 
 }
 @media screen and (max-width:1555px) {
   .csb-div {
       min-height: 235px;
   } 
   .csb-div p img {
     max-width: 285px;
   }
   .sml-box-innr li {
       width: 32%;
   }
 }
 
 @media screen and (max-width:1200px) {
   .csb-div {
     width: 48%;
     margin: 6px;
     min-height: inherit;
   }
 }
 @media screen and (max-width:1199px) {
   .ap-features-list ul {
         display: none;
   }
   .ap-features-list {
       width: 100%;
       text-align: center;
       margin-bottom: 20px;
   }
   .ap-features-content {
     width: 100%;
     float: left;
   }
   .ap-features-content .box-scroll {
     float: left;
     width: 50%;
     min-height: 630px;
       margin-bottom: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
   }
   #cont-1, #cont-2, #cont-3, #cont-4, #cont-5, #cont-6, #cont-7   {
     transform: scale(0.978459);
   }
   .ap-features {
     padding: 0px;
   }
   .ap-features-contentBox p {
     line-height: 35px;
   }
 }
 @media screen and (max-width:1100px) {
   .sml-box-innr li {
     width: 48%;
   } 
 }
 @media screen and (max-width:1024px) {
   .bannr-slider .cl-md-2 {
     width: 0px;
   }
   .bannr-slider .cl-md-4, .bannr-slider .cl-md-5, .bannr-slider .cl-md-6, .bannr-slider .cl-md-7 {
     width: 50%;
   }
   .ap1-on-1-cont {
     transform: scale(.75) !important;
   }
   .sml-box-innr li {
       width: 32%;
   }
   .box-yellow-bg {
         width: 100%;
   }
   .sml-box-innr li {
     width: 48%;
   }
   .ap-features-content .box-scroll {
     width: 100%;
       min-height: inherit;
   }
 }
 @media screen and (max-width:992px) {
   .ap-features-list, .ap-features-content {
       width: 100%;
   }
 }
 @media screen and (max-width:991px) {
   .cl-md-10, .cl-md-11, .cl-md-12, .cl-md-2, .cl-md-3, .cl-md-4, .cl-md-5, .cl-md-6, .cl-md-7, .cl-md-8, .cl-md-9 {
     width: 100%;
   }
   .pdrt20, .pdlf20 {
     padding: 0px;
   }
   .box-yellow-bg {
       width: 100%;
   }
   .box-yellow-bg h2 {
     min-height: auto;
     padding: 20px 20px 20px 20px;
     text-align: center;
     background: none;
     box-shadow: none;
   }
 
   .customer-banner .title1{
     text-align: center;
   }
   .testimony-video {
     position: inherit;
     width: 100%;
     top: 10px;
   }
   .price-box .cl-md-4:nth-child(2) .price-box-inner {
     transform: scale(1);
     box-shadow: initial;
     -moz-box-shadow: initial;
     -webkit-box-shadow: initial;
   }
   .price-box-inner {
     margin-bottom: 20px;  
   }
   
 }
 @media screen and (max-height:900px)  {
   .ap-full-ht.ap-indx-sec3 {
     height: inherit !important;
       min-height: inherit !important;
   }
 /*
   .ap-features-list, .ap-features-content {
     width: 100%;
   }
 */
 }
 @media screen and (max-height:800px)  {
   .ap-full-ht {
       height: inherit;
       min-height: inherit;
   }
   .bannr-slider .ap-full-ht {
     height: calc(100vh - 0px) !important;
       min-height: calc(100vh - 0px) !important;
   }
   .bannr-rit-img img {
 /*
     max-height: 400px;
       width: inherit;
 */
   }
   .ap1-on-1-cont {
     min-height: 400px;
   }
   .aplus-1o1-img img {
     width: inherit;
     max-height: 115px;
   }
 }
 @media screen and (max-width:768px) {
   .ap-full-ht, .bannr-slider .ap-full-ht {
     height: inherit !important;
     min-height: inherit !important;
   }
   .bannr-slider .cl-md-4, .bannr-slider .cl-md-5, .bannr-slider .cl-md-6, .bannr-slider .cl-md-7 {
     width: 100%;
   }
   .bannr-rit-img img {
       max-height: inherit;
       width: 100%;
   }
   .bannr-slider .container {
     display: initial;
   }
   .bannr-slider {
 /*    display: flow-root !important;*/
     text-align: center;
   }
   .bannr-rit-img {
     margin-top: 20px;
   }
   .ap-banner-innr .ap-full-ht {
     display: flex;
     height: 93vh;
       min-height: 93vh;
   }
   .cust-globe-innr {
       display: inherit;
       margin: 40px 0;
   }
   .ap1-on-1-cont {
     transform: scale(1) !important;
   }
   .inbtm-red {
     margin: 10px 0;
   }
   .testimony-video {
     top: 10px;
   }
   .csb-div {
     width: 100%;    
     margin: 0;
       margin-bottom: 25px;
   }
 }
 @media screen and (max-width:767px) {
   .indx-data-dem-banr .bannr-rit-img:before, .indx-data-dem-banr .bannr-rit-img:after {
     content: none;
   }
   .indx-apm-banr .bannr-rit-img:before, .indx-apm-banr .bannr-rit-img:after {
     content: none;
   }
   
   .ap-banner .banr-slider .ap-full-ht {
       display: flex;
       height: inherit !important;
       min-height: inherit !important;
     padding: 90px 0px;
   }
   .sml-box-innr li {
       width: 100%;
       margin-left: 0;
   }
   .box-yellow-bg:before, .box-yellow-bg:after {
     display: none;
   }
 }
 @media screen and (max-width:600px) {
   .globe-logo li {
       width: 50%;    
     height: 50px;
   }
   .globe-logo li:nth-child( odd ) {
       border-right: 1px solid #ccc !important;  
   }
   .globe-logo li:nth-child( even ) {
       border-right: 0px solid #ccc;  
   }
   .ap1-on-1-cont p:nth-child(2) {
     right: 0px;
     top: 80px;
       left: inherit;
   }
   .ap1-on-1-cont p:nth-child(3) {
     right: 0;
     top: 30px;
       left: inherit;
   }
   .ap1-on-1-cont p:nth-child(4) {
     left: -40px;
     top: 170px;
   }
   .ap1-on-1-cont p:nth-child(5) {
     right: 0;
     top: 236px;
       left: inherit;
   }
   .ap1-on-1-cont p:nth-child(6) {
     left: 0;
   }
   .ap-full-ht.ap-indx-sec2 {
       padding: 10px;  
   }
   .ap-features-content>div {
       padding: 15px;    
     min-height: auto;
   }
   .ap-features-contentBox .indx-sec2-icon {
     width: 70px;
     height: 70px;
   }
   .ap-features-contentBox:first-child .indx-sec2-icon {
     background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-1.svg) no-repeat 1px 4px/70px;
   }
   .ap-features-contentBox:nth-child(2) .indx-sec2-icon {
     background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-2.svg) no-repeat 1px 4px/67px;
   }
   .ap-features-contentBox:nth-child(3) .indx-sec2-icon {
     background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-3.svg) no-repeat 1px 4px/69px;
   }
   .indx-content-slider li:nth-child(3) .indx-sec2-icon {
     background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-4.svg) no-repeat 1px 4px/54px;
   }
   .ap-features-contentBox:nth-child(4) .indx-sec2-icon {
     background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-5.svg) no-repeat 1px 4px/69px;
   }
   .ap-features-contentBox:nth-child(5) .indx-sec2-icon {
     background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-6.svg) no-repeat 1px 4px/69px;
   }
   .ap-features-contentBox:nth-child(6) .indx-sec2-icon {
     background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-7.svg) no-repeat 1px 4px/54px;
   }
   .ap-features-contentBox:nth-child(7) .indx-sec2-icon {
     background: url(https://www.manageengine.com/se/analytics-plus/images/why-ap-7.svg) no-repeat 1px 4px/55px;
   }
   .ap-features-contentBox p {
     font-size: 14px;
     line-height: 32px;
   }
   .ap-features-contentBox h2 {
     font-size: 20px;
     line-height: 32px;
     margin-bottom: 0;
   }
   .dwn-page, .dwn-contact {
       width: 100%;
   }
   .dwn-guide {
       display: inherit;
     text-align: center;
   }
   .dwn-guide a {
       display: block;
   }
   .dwn-cust-quote-slid {
     padding-left: 0px;
   }
   .blue-graf-bg {
     padding: 20px;
   }
   #cont-1, #cont-2, #cont-3, #cont-4, #cont-5, #cont-6, #cont-7   {
     transform: scale(0.978459);
   }
   .g-toggle {
     text-align: center;
   }
   .addon-box-out {
       width: 100%;
       box-sizing: border-box;
   }
 }
 @media screen and (max-width:500px) {
   .title1 {
       font-size: 29px;
   }
   .globe-content {
       padding: 0 15px;
   }
   .globe-ply-btn {
       right: 10px;
   }
   
   .globe-content h3 {
     font-size: 14px;
     line-height: inherit;
   }
   .globe-content p {
     font-size: 11px;
     margin-top: 0;
   }
   .customer-banner {
     padding: 10px;
   }
   .dwn-contact ul li {
       display: inherit;    
     float: none;
       text-align: center;
   }
   .dwn-contact ul li span {
       display: inherit;
   }
   .gq-forms .dwn-page {
     width: 100%;
   }
   .gq-forms .radio-box label {
     display: block;
   }
 }
/* /analytics-index.css ENDS */

#section2,#section3,#section5{padding:60px 0}
.slide{padding-bottom:60px}
.slider2{margin-top:30px}
#section5{background:#f6f6f6;}
#scroll{display:none}
.section .intro{padding-top:50px}
.flexslider{width:unset;max-height:unset}
.slideBg1 {background-image: url(images/sec1-bg.png);background-position: 0 0;background-repeat: no-repeat;background-color: #392068;background-size: 100% 100%;}
.slideBg2{background: #fed66a url(images/triangle-flair-bk1.png) no-repeat scroll 0 85px;background-size: 100% auto;width: 100%;height: auto;}
.heading-menu{display:none}
.seltbx_bt.tac select option {color: #000;}
.footer {text-align: left;}
#section1 img, #section2 img {max-width: 100%;}
.slideBg3{background: #304d5d url(images/triangle-flair-bk.png) no-repeat scroll 0 0;background-size: 100% auto;width: 100%;height: auto;}
.slideBg4{background: url(https://www.manageengine.com/se/analytics-plus/images/ebook-secret-bg.jpg) no-repeat;width: 100%;height: auto;background-size: cover;}
#section0, #section1, #section2, #section3, #section4, #section5, #section6{opacity:1}
.banner-description h1{color:#fff !important;font-size:35px}
.itsm-v-icon {position: absolute;top: 40%;left: 47%;width: 7%;cursor: pointer;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.ap-titl {margin-bottom: 50px;}
.ap-titl .pg-head {color: #fff;}
.ap-titl h1 {font-size: 33px;line-height: initial;position: relative;font-family: 'Roboto slab',serif;}
.ap-secn4 {position: relative;background: url(../images/sect4-bgl.png) no-repeat #f7f7ff bottom;background: linear-gradient(to top left, #222222 45%, #434343 120%);background-size: auto;color: #fff;background-size: contain;position: relative;z-index: 0;}
.ap-full-ht {display: flex;height: inherit;min-height: inherit;padding-top: 50px;padding-bottom: 50px;text-align: center;}
.ap-titl p {font-size: 20px;font-weight: 100;line-height: 37px;padding-top: 0px;}
.index-dwn-form{width:70%;margin:0 auto;}
.dwn-priv.tac#formCTAgdpr {padding: 20px 0px;padding-bottom: 20px;font-size: 14px;width: 100%;color: #fff;text-align: center !important;padding-bottom: 30px;}
.dwn-priv {font-size: 12px;    line-height: 20px;margin-top: 14px;color: #757578;padding: 0px 6px;text-align: left !important;margin-bottom: 10px;}
.dwn-priv b {font-weight: 700;font-family: sans-serif;}
.dwn-priv a {color: #fff;font-weight: 600;}
.mT40 .itsm-v-bg {width: 60%;box-shadow: 0px 0px 15px #5f6aff38;position: relative;cursor: pointer;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.slideBg3{background:#16104b;text-align:left;}
.slideBg3 .banner-description h1{font-size:30px;line-height:45px;margin:15px 0;font-weight:600;}
.slideBg3 .banner-description p{line-height:35px;}
.red-but{background:#ef372e;color:#fff !important;border:1px solid #ef372e;}
.flexBnrslides .intro{display:flex;}
ul.flexBnrslides .container{max-width:1200px;}
.bannr-rit-img{float:right;}
@media screen and (max-width:1250px){
  .slide .per40, .slide .per60{width:100%;float:none;box-sizing:border-box;}
}
@media screen and (max-height:800px){
  .aplus-1o1-img img{width:inherit;max-height:115px;}
}
