<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.dnone { display: none; }
.contentRow:nth-child(even) { background-color: #f5f5f5; }
/*index start*/
.prd-logo { background: url('../images/ao_logo.png') no-repeat scroll -2px -3px; }
/*.aocontent { width: 60%; display: table-column; }*/
/*.aoimg { width: 38%; display: table-column; text-align: center; }*/
/**/
.aointegDiv { background-color: #f9f9f9; display: inline-block; width: 100%; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; margin-top: 20px; padding-bottom: 40px; }
/*.aocontentmore ul { margin-top: 16px; list-style-type: disc; margin-left: 60px; }*/
/*.aocontentmore h4 { margin-left: 0px; margin-top: 25px; }*/
/*.contentRow { padding: 20px 0; margin-bottom: 40px; display: table; width: 100%; }*/

.aocontainer { display: inline-block; width: 100%; }
.contentRow {display: table;width: 100%;padding: 25px 0px;}
.aocontainer .container { display: table; }
.aoimg { display: block; text-align: center; height: 110px;}
.aocontent{ display: table-cell; }
.ao_inx_img_rgt .aocontent{ padding-left: 0px; padding-right: 30px;}
.aocontentmore { display: none; }
.aocontent h3 { font-size: 19px; color: #26b99a; margin-bottom: 10px; }
.aocontent h2 { margin-bottom: 0px; text-align: center; margin: 0 35px; }
.aocontent p { margin-top: 10px; text-align: justify; }
.aoIndexCol { width: 47%; float: left; display: table-cell; padding-top: 30px; }
.aoIndexRow { display: flex; width: 100%; position: relative; border-bottom: 1px solid #EEE; }
.mT50{ margin-top: 50px; }
.aocontainer h1 { text-align: center; font-size: 30px; margin-top: 40px; }
.aoRowSub { text-align: center; font-size: 15px; margin: 8px 0 35px; }
.aoIndexSplit { width: 1px; float: left; background-color: #EEE; flex-basis: 1px; margin-right: 4%; margin-left: 4%; }
.aointegDiv h2 { text-align: center; }
.applistGrpDiv li { width: 185px; background-color: #FFF; height: 110px; border: 1px solid #EEE; padding: 6px; float: left; transition: all .2s ease-in-out; overflow: hidden; display: inline-block; }
.aointegtab { margin: auto; text-align: center; display: table; margin-bottom: 20px; }
.aointegtab li { float: left; padding: 5px 12px; font-size: 15px; cursor: pointer; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; list-style: none; }
.aointegtab li:not(.tspliter):hover { background-color: #EEE; }
.aointegtab .tspliter { padding: 0 3px; font-size: 19px; font-weight: 100; color: #CCC; margin-top: 5px; }
.aointegtab li.tabactive { background-color: #2c9bf3 !important; color: #FFF; }
.applistGrpDiv li { text-align: center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all 0.2s ease-in-out; }
.applistGrpDiv li .appLDiv { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; }
.applistGrpDiv li .appLDiv { display: table; height: 100%; width: 100%; transition: all .2s ease-in-out; }
.applistGrpDiv li .appLDiv .appLinnerDiv { display: table-cell; vertical-align: middle; }
.applistGrpDiv li .appSelectBtn { background-color: #2c9bf3; padding: 4px 20px; color: #FFF; margin-top: 10px; font-weight: 100; font-size: 15px; display: none; cursor: pointer; }
.applistGrpDiv li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); position: relative; }
#scroll .aointeglogo ul { padding: 0px; }
.aosignfree { background-color: #2c9bf3; color: #FFF; padding: 10px 30px; text-decoration: none; font-size: 16px; }
.aofreesingup { background: url(../images/signup.png) no-repeat; background-size: cover; height: 183px; margin-top: 40px; text-align: center; display: inline-block; width: 100%; margin-bottom: 40px; }
.aofreesingup h2 { color: #FFF; font-size: 32px; font-weight: 100; margin-top: 40px; margin-bottom: 40px; }
.applistGrpDiv li:hover .appSelectBtn { display: inline-block; }
.applistGrpDiv li:hover .appLDiv { height: 60%; }
.supFrm { width: 50%; }
.Scontent { width: 100%; display: inline-block; }

.ao_prod_works { background-color: #f5f5f5; text-align: center; padding: 20px; border-top: 1px solid #DDD; position: relative; top: -8px;}
.ao_prod_works h2{ font-size: 30px; }
.ao_prod_works img{ width: 709px; }
.ao_inx_signup { background-color: #48b574; color: #FFF; display: table; width: 100%; }
.ao_inx_signup h2 { display: inline-block; float: left; }
.ao_inx_signup a{ float: right; border: 1px solid #FFF; border-radius: 2px; font-size: 15px; padding: 6px 22px; color: #FFF !important; text-transform: uppercase; margin-top: 3.4%; text-decoration: none; cursor: pointer; }
.ao_inx_signup a:hover{ background-color: #FFF; color: #48b574 !important; }
.ao_inx_signup .container { padding:20px; display: table; }
/*index end*/

/*nav start*/
.navact { margin-top: 12px; }
.ao_signup { background-color: #83B633; color: #FFF; padding: 5px 14px; border: 1px solid #89BD38; margin-left: 6px; }
.ao_signin { padding: 5px 14px; background-color: #F5F5F5; color: #333; border: 1px solid #DDD; margin-left: 10px; }
/*nav end*/

/*support start*/
.contInfo li { line-height: 40px; list-style-type: none; }
.contInfo li a { color: #777; }
.mailIcon, .phoneIcon, .fbIcon, .twitterIcon, .helpIcon { background: url(../images/ac_Icons.png) no-repeat; }
.mailIcon { width: 25px; height: 12px; background-position: -187px -10px; vertical-align: middle; }
.phoneIcon { width: 25px; height: 17px; background-position: -156px -7px; vertical-align: middle; }
.fbIcon { width: 25px; height: 16px; background-position: -214px -7px; vertical-align: middle; }
.twitterIcon { width: 25px; height: 16px; background-position: -239px -8px; vertical-align: middle; }
.helpIcon { width: 25px; height: 16px; background-position: -264px -8px; vertical-align: middle; }
.contInfo { width: 310px; border: 1px solid #DDD; padding: 10px; margin-top: 20px; }
/*support end*/

/*support */
.support {background-color: #FFF;max-width: 92%;margin: auto;text-align: left; height: 400px; border: 1px solid #EEE; border-radius: 3px;  position: relative;  padding: 10px; box-shadow: 0px 0px 20px #80808061}
.support1 {width: 100%;}
.supsmall {font-size: 12px;  width: 100%; font-style:italic;}
.sup_main {display: inline-block; width: 100%; background-color: #fff; margin-bottom:40px;}
.sup_strial {margin-top: 6px !important;}
.sup_strial { background-color: #f44336; color: #FFF; padding: 8px 23px; display: inline-block; font-size: 16px; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);text-decoration: none;
}
.indx-titl-font {    font-size: 36px;    font-family: 'Zoho_Puvi_Extrabold';    margin-bottom: 40px;margin-top: 40px;}


/*banner */
.bannerDiv { display: none; text-align: center; height: 380px; }
.bannerDiv img { max-width: 1440px; width: 100%; height: 380px; }
.bnr2 { background-color: #4c9bbe;  display: none;}
.bnr2 img { background: url('../images/inhouse_integ_bnr.jpg') no-repeat scroll top center / contain transparent; }
.bnr1 { background-color: #28456d; display: none; 
background: #fe6f75;
background: -moz-linear-gradient(left, #fe6f75 0%, #fe6f75 50%, #ffcb4b 50%, #ffcb4b 100%);
background: -webkit-linear-gradient(left, #fe6f75 0%,#fe6f75 50%,#ffcb4b 50%,#ffcb4b 100%);
background: linear-gradient(to right, #fe6f75 0%,#fe6f75 50%,#ffcb4b 50%,#ffcb4b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6f75', endColorstr='#ffcb4b',GradientType=1 );
}
.bnr5 { background-color: #60c4ff; display: block; }
.bnr5 img { background: url('../images/inx-auto-remediation-banner.jpg') no-repeat scroll top center / contain transparent; }
.bnr1 img { background: url('../images/inx_banner1.jpg') no-repeat scroll top center / contain transparent; }
.bnr3 { background-color: #b4e0e9; display: none; }
.bnr3 img { background: url('../images/inx_banner2.jpg') no-repeat scroll top center / contain transparent; }
.bnr4 { background-color: #1dbed2; display: none; }
.bnr4 img { background: url('../images/inx_banner3.jpg') no-repeat scroll top center / contain transparent; }
.bannerMainDiv { position: relative; height: 380px; box-shadow: inset 0 0px 5px rgba(0,0,0,0.3); }
.bnrNavLft { position: absolute; background-color: rgba(255,255,255,0.2); transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; cursor: pointer; padding: 8px 20px 4px 20px; top: 40%; left: 0px; }
.bnrNavRgt { position: absolute; background-color: rgba(255,255,255,0.2); transition: background-color 0.5s ease; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; cursor: pointer; padding: 8px 20px 4px 20px; top: 40%; right: 0px; }
.bnrNavRgt:hover, .bnrNavLft:hover { background-color: #000; }
.bnrNavRgt img { vertical-align: text-bottom; }
.bnrmarker img { width: 16px; height: 23px; background: url('../images/marker.svg') repeat scroll 0% 0% / cover transparent; }
/*banner end*/

/*features starts*/
.ao_fbanner{ background: url('../images/features_1.jpg') no-repeat center; height: 190px; background-size: cover;  text-align: center; color: #FFF; margin-top: 0px;}
.ao_fbanner h4 {font-size: 22px;margin-top: 12px;}
.ao_fbanner .container { padding: 20px; }
.ao_fbanner p { margin: 10px 0px 30px; }
.ao_fbanner span { position: relative; top: 0px; font-family: cursive; font-size: 13px; position: relative; top: -27px; }
.ao_fbanner a { color: #FFF; text-decoration: none; padding: 6px 20px; border-radius: 2px; display: inline-block; border: 1px solid #FFF; text-transform: uppercase; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.ao_fbanner a:hover{ background-color: #FFF; color: #333; }
.ao_f_signup { background-color: #48b574; color: #FFF; display: table; width: 100%; }
.ao_f_s_rgt, .ao_f_s_lft{ display: table-cell; vertical-align: middle; height: 120px; }
.ao_f_s_lft{ text-align: left; }
.ao_f_s_rgt{ text-align: right; }
.ao_f_signup a{ float: right; border: 1px solid #FFF; border-radius: 2px; font-size: 15px; padding: 6px 22px; color: #FFF !important; text-transform: uppercase; text-decoration: none; }
.ao_f_signup a:hover{ background-color: #FFF; color: #4c5359 !important; }
.ao_f_signup .container { display: table; }
.feature_sub_title{ font-size: 30px; color: #34ad65; text-align: center; }
.feature_sub_video{ margin: 30px 0; text-align: center; }


.featuresLst{ text-align: center; display: inline-block; width:100%; }
.featureIconDiv{ background-color: #4ebbb8; width: 60px; height: 60px; border-radius: 4px; margin: auto; line-height: 60px;     margin-bottom: 12px; }
.featuresLst h3, .featuresLst p{ margin:10px auto 10px; }
.featuresLst h3{ font-weight: 600; }
.featuresLst li p { margin: 0px; margin-bottom: 10px; line-height: 18px; }
.featuresLst li { float: left; padding: 10px 10px; background-color: #FFF; width: 29.3333333%; margin: 10px 8px; height: 225px; list-style: none; position: relative; overflow: hidden;}
.featuresLst li a { position: absolute; bottom: 0px; right: 0px; left: 0px; padding: 7px 10px; color: #10bc83; }
.featuresLst li:hover a{ background-color: #10bc83; color: #FFF; text-decoration: none; }
.featureIconDiv .role_based_access, .featureIconDiv .alarm_actions, .featureIconDiv .alarm_grouping, .featureIconDiv .multi_criteria_alerting, .featureIconDiv .f_schedules, .featureIconDiv .f_overrides, .featureIconDiv .alarm_escal, .featureIconDiv .real_time_collab, .featureIconDiv .f_downtime, .featureIconDiv .alarm_tracking, .featureIconDiv .on_the_go_alert, .custom_views, .alarm_tags, .noise_reduction, .alarm_modifier, .auto_remediation{ background: url('../images/features_icon.png') no-repeat; }
.featureIconDiv .role_based_access{ width: 34px; height: 34px; vertical-align: middle; background-position: -14px -7px; }
.featureIconDiv .alarm_actions{ width: 34px; height: 34px; vertical-align: middle; background-position: -70px -10px; }
.featureIconDiv .alarm_grouping{width: 37px;height: 42px;vertical-align: middle;background-position: -120px -5px;}
.featureIconDiv .multi_criteria_alerting{width: 34px;height: 34px;vertical-align: middle;background-position: -175px -9px;}
.featureIconDiv .f_schedules{ width: 34px; height: 34px; vertical-align: middle; background-position: -228px -12px; }
.featureIconDiv .f_overrides{ width: 41px; height: 40px; vertical-align: middle; background-position: -277px -8px; }
.featureIconDiv .alarm_escal{width: 37px;height: 34px;vertical-align: middle;background-position: -334px -10px;}
.featureIconDiv .real_time_collab{ width: 34px; height: 34px; vertical-align: middle; background-position: -389px -12px; }
.featureIconDiv .f_downtime{width: 41px;height: 35px;vertical-align: middle;background-position: -439px -10px;}
.featureIconDiv .alarm_tracking{ width: 34px; height: 34px; vertical-align: middle; background-position: -13px -62px; }
.featureIconDiv .on_the_go_alert{ width: 34px; height: 34px; vertical-align: middle; background-position: -66px -63px; }
.featureIconDiv .custom_views{ width: 34px; height: 34px; vertical-align: middle; background-position: -121px -64px; }
.featureIconDiv .alarm_tags{ width: 34px; height: 34px; vertical-align: middle; background-position: -175px -63px; }
.featureIconDiv .noise_reduction{ width: 36px; height: 36px; vertical-align: middle; background-position: -228px -61px; }
.featureIconDiv .alarm_modifier{ width: 34px; height: 34px; vertical-align: middle; background-position: -278px -63px; }
.featureIconDiv .auto_remediation{ width: 34px; height: 34px; vertical-align: middle; background-position: -278px -63px; }
.feature_video_prev { position: fixed; top: 90px; right: 0px; left: 0px; bottom: 0px; background-color: rgba(0,0,0,0.8);}
.feature_v_inner { position: absolute; top: 60px; right: 0px; left: 0px; bottom: 0px; padding: 40px; }
.feature_v_cls { position: absolute; top: 26px; right: 26px; font-size: 38px; color: #FFF; font-weight: 100; text-shadow: 0 0 4px rgba(0,0,0,0.5); padding: 5px; cursor: pointer; }
.feature_v_cls:hover{ color: red; }
.features_main{ display: inline-block; width: 100%; background-color: #F5F5F5; }
.features_new { position: absolute; top: -11px; left: -38px; background-color: #ffeb00; font-size: 11px; padding: 18px 40px 5px 40px; border-bottom-right-radius: 4px; border: 1px solid rgba(255, 165, 0, 0.2); border-top: 0px; border-left: 0px; font-weight: bold; transform: rotate(-37deg); line-height: 23px; }
/*features ends*/

/*pricing starts*/
.ao_pbanner{ background: url('../images/pricing_bg.jpg') no-repeat center; height: 231px; background-size: cover;  text-align: center; color: #FFF; margin-top: 0px; }
.ao_pbanner1{ background: url('../images/clouddns-banner-bg.png') repeat-x; height: 500px; background-size: contain;  color: #FFF; margin-top: 0px;width: 100%; }
.pricing_main{ display: inline-block; width: 100%; background-color: #F5F5F5; }
.pricing_bimg { width: 35%; float: left; }
.pricing_btxt { width: 65%; float: left; text-align: left; padding: 28px 0; }
.pricing_btxt h2 { margin: 0; font-size: 35px; margin-bottom: 7px; }
.pricing_btxt p { margin: 0; font-size: 19px; margin-bottom: 27px; opacity: 0.9; }
.pricing_btxt1 {
  width: 50%;
  float: left;
  text-align: left;
  padding: 66px 0;
}
.pricing_bimg1 { width: 50%; float: left; margin-top:70px; }
.pricing_btxt1 h2 { margin: 0; font-size: 35px; margin-bottom: 41px; line-height:41px; }
.pricing_btxt1 p { margin: 0; font-size: 19px; margin-bottom: 27px; opacity: 0.9; line-height:30px; }

.pricing_strial { background-color: #f44336; color: #FFF; padding: 8px 23px; display: inline-block; font-size: 16px; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); text-decoration: none; }
.pricing_strial:hover{ background-color: #e03f33; text-decoration: none; }
.pricing_main h1 { text-align: center; font-size: 30px; margin-top: 40px; }
.pricing_subtxt { text-align: center; font-size: 18px; color: #666666; margin: 12px 0; }
.pricingRow { background-color: #FFF; max-width: 300px; margin: auto; text-align: center; height: 670px; border: 1px solid #EEE; border-radius: 3px; position: relative; }
.pricingInner { display: flex; width: 100%; margin: auto; padding-bottom: 60px; margin-top: 40px; justify-content: center; }
.pricing_btxt1 p {
  margin: 0;
    margin-bottom: 0px;
  font-size: 19px;
  margin-bottom: 27px;
  opacity: 0.9;
  color: #000000;
}
.pricingInner1 {
    display: flex;
    width: 100%;
    padding-bottom: 0px;
    margin-top: 20px;
	margin-bottom: 20px;
    justify-content: center;
	
}
.pricingInSub { width: 33%; }
.arrow {bottom: 16px; position: absolute; right: 20px;}
.pricingRow h3 { font-size: 22px; margin: 10px 0; }
.pricing-month { background-color: #f6f8fb; height: 140px; line-height: 124px; }
.price-annual { background-color: #f6f8fb; height: 140px; line-height: 124px; }
.pricing_val { font-size: 72px; color: #333; }
.pricing_curren { font-size: 50px; color: #d4dbe3; position: relative; right: -6px; }
.pricing_mnth { color: #696c71; font-size: 19px; position: relative; left: -5px; }
.pricing_dlst li { text-align: left; line-height: 30px; list-style: none; padding-left: 20px;}
.pricing_dlst ul { padding: 0px !important; }
.pricing_fdetail { position: absolute; bottom: 14px; right: 0; left: 0px; }
.pricingRow p { line-height: 25px; color: #585858; border-bottom: 1px solid #EEE; padding-bottom: 15px; margin-bottom: 10px; }
.pricingRow1 {background-color: #FFF; max-width: 290px; margin: auto; text-align: left; height: 300px; border: 1px solid #EEE; border-radius: 3px; position: relative; padding:10px; cursor:pointer;}
.pricingRow h4 {font-size: 17px; margin: 10px 0;}
.pricing_free h4 {color: #00000;}
.pricing_btn { padding: 8px 20px; background-color: red; color: #FFF; display: inline-block; font-size: 15px; box-shadow: 0 3px 4px rgba(0,0,0,0.1); cursor: pointer;  }
.pricing_act { padding: 12px 0; }
.pricing_free h3 { color: #00c6a5; } 
.pricing_basic h3 { color: #00a1f5; }
.pricing_premium h3 { color: #f32243; }
.pricing_free .pricing_btn { background-color: #00c6a5; }
.pricingRow:hover {
    transform: scale(1.05);
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.pricingRow1:hover {
    transform: scale(1.05);
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.pricingRow {
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	cursor:pointer;
}
.pricing_basic .pricing_btn { background-color: #00a1f5; } 
.pricing_premium .pricing_btn { background-color: #f32243; }
.pricing_dlst { margin-top: 10px; }
.pricing_faq h1 { font-size: 26px; border-bottom: 1px solid #EEE; margin-top: 22px; line-height: 46px; margin-bottom: 15px;}
.pricing_faqCol { width: 47%; float: left; padding-right: 1.5%; }
.pricing_faqCol:first-child { margin-right: 20px; }
.pricing_faqCol h3 { font-size: 16px; margin-bottom: 8px; margin-top: 15px;}
.pricing_faqCol p { margin-top: 0px; font-size: 13px; text-align: justify; padding-right: 12px; color: #666; }
.pricing_faqRow { display: inline-block; width: 100%; } 
.pricing_fdetail a { text-decoration: underline; }
.pricing_spl{ color: #34ad65; font-weight: 600; }
.pricing_dlst li b{ font-weight: bold; }

/*pricing overlay detail starts*/
.pricingOverlay{ position: fixed; top:0px; left:0px; right:0px; bottom: 0px; background-color: rgba(0,0,0,0.5); display: none; z-index: 1111111; }
.pricing_detail {margin: auto;width: 80%; position: absolute;top: 40px; right: 0px; left: 0px; bottom: 40px; overflow: hidden;overflow-y: auto; background-color: #EAEAEA;padding: 30px;}
.pricing_detailCls {   position: absolute;
    right: 18px;
    font-size: 34px;
    color: red;
    top: 16px;
    font-weight: 100;
    padding: 5px;
    cursor: pointer;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    border: 1px solid #DDD;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    background-clip: padding-box;
}
.popover {
    z-index: 9999999;
}
.popover {
    max-width: 400px !important;
    border-radius: 0px;
}
.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover .arrow {
    border-width: 11px;
}
.popover-content.alignLi {
    font-size: 14px;
}
.popover-content {
    padding: 9px 14px;
    color: #333;
}
.popover {
    box-shadow: none;
}
.popover {
    font: 300 15px "Source Sans Pro",sans-serif;
}
.pricing_detail table{ width: 89%; margin:auto; }

.pricing_detail .FreePlanShow td:first-child {
    max-width: 20%;
    width: 218px;
    vertical-align: bottom;
}
.plansTd:not(:last-child) .planCont {
    margin-right: 10px;
}
.whiteBG{ background-color: #FFF; }
.etitle {
    padding-bottom: 25px;
}
.editionCont h2{ font-family: "Source Sans Pro",sans-serif !important; }
.planName {
    line-height: inherit;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 17px;
    margin: 0;
    white-space: nowrap;
    font-family: 'Source Sans Pro',Sans-serif;
}
.ppriceCont {
    color: #41B779;
    font-weight: 400;
    font-family: "lato",Source Sans Pro,Sans-serif;
    margin-top: 9px;
}
.currencySign {
    font: 400 12px "lato", sans-serif;
}
.planPriceDolr {
    position: relative;
    vertical-align: super;
    font-size: 20px !important;
    font-weight: 600;
    top: 2px;
}
.ppriceCont .pprice {
    font: 26px/40px "lato",Source Sans Pro,Sans-serif;
    font-weight: 900;
}
.billedAnually-priceDetails {
    height: 35px;
}
.ca4 {
    color: #a4a4a4;
}
.priceDetails {
    margin: -6px 0 15px;
    color: #6a6a6a;
    font-size: 13px;
}
.tac{ text-align: center; }
.upb-features {
    background-color: #f7f7f7;
    bottom: 0;
    box-shadow: -3px 0 9px -7px rgba(0, 0, 0, 0.3) inset;
}
.upb-features-title {
    border-bottom: 1px solid #e3e3e3;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 5px;
    margin: 0 5px 6px;
    padding-left: 8px;
    text-align: left;
}
.featureListUPB, .addonListUPB {
    font-weight: 300;
    margin: 0 5px;
    padding-left: 0;
}
.nowrap{ white-space: nowrap; }
.UPB .featureListUPB li {
    margin-bottom: 2px;
}
.featureListUPB li:not(:last-child), .addonListUPB li:not(:last-child) {
    border-bottom: 1px solid #efefef;
}
.addonListUPB li {
    border-right: 2px solid transparent;
    padding: 5px 8px;
    white-space: nowrap;
    text-align: left;
    line-height: 19px;
}
.featureListUPB li {
    border-right: 2px solid transparent;
    padding: 0px 8px;
    white-space: nowrap;
    text-align: left;
}
.upb-features ul{
    padding: 0px !important;
}
.upb-features li {
    height: 21px;
    list-style: none;
}
.upb-features li, .featureContainer li {
    padding-top: 5px;
    padding-bottom: 5.4px;
}
.feature-available, .feature-notavailable, .freeinfoicn, .feature-info, .searchIco, .popularPlan{ background: url(../images/store-sprite-common.png) no-repeat; }
.freeinfoicn, .feature-info {
    background-position: -245px -507px;
    height: 20px;
    margin-bottom: -5px;
    width: 20px;
    cursor: pointer;
}
.feature-available {
    background-position: -59px -341px;
    height: 20px;
    width: 20px;
    display: inline-block;
}
.featuresValue .feature-available, .featuresValue .feature-notavailable, .upbAddonList .feature-notavailable {
    width: 16px;
    height: 16px;
    display: inline-block;
}
.featuresValue .feature-available {
    background-position: -59px -341px;
}
.featuresValue .feature-notavailable, .upbAddonList .feature-notavailable {
    background-position: -85px -203px;
}
.upgradeBtn, .downgradeToFree, .upgradePlan, .downgradePlan, .crmPlus, .contactSalesButton, .proceedUpgradeBtn {
    background: #333331;
    color: #fff;
    width: 120px;
    line-height: 30px;
    text-transform: uppercase;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    border-radius: 2px;
    font-weight: normal;
    border: none;
}
.mT8 {
    margin-top: 8px;
}
.hide {
    display: none;
}
.featureContainer.UPB ul.featuresValue {
    position: relative;
}
.featureContainer.UPB, .featureContainer.UPB ul.featuresValue {
    padding-bottom: 0 !important;
    margin: 0;
}
.addonListUPB li, .crmList li, .UPB .featureList li {
    min-height: 20px;
    padding: 5px 0;
    text-align: center;
    margin-bottom: 2px;
}
.featureContainer {
    overflow: hidden;
    padding-bottom: 10px;
}
.inlineBlock, .ib{
    display: inline-block;
}
.featureList li:not(:last-child), .purchaseMsg td, .addonList li:not(:last-child) {
    border-bottom: 1px solid #d3d3d3;
}
.featureList li:not(:last-child) {
    border: 0;
}
.featuresValue ul{ padding: 0px!important; }
.featuresValue li{ list-style: none; }
.featuresValue li.upb-listType:not(:last-child), .addonList li:not(:last-child), .UPB .addonList li:not(:last-child), .featureContainer.NUB &gt; 
.featureList li:not(:last-child) {
    border-bottom: 1px solid #f7f7f7;
}
.featuresValue li.upb-listType:not(span) {
    line-height: 18px !important;
}
/*pricing overlay detail ends*/

/*pricing ends*/


/*resources*/
.ao_rbanner{ background: url('../images/resources_bg.jpg') no-repeat center; height: 140px; margin-top: 85px; background-size: cover;  text-align: center; color: #FFF;}
.ao_rbanner h4 {font-size: 22px;margin-top: 12px;}
.ao_rbanner .container { padding: 20px; }
.ao_rbanner p { margin: 10px 0px 30px; }


.ao_wbanner{ background: url('../images/webinar_bgr.jpg') no-repeat center; height: 370px; margin-top: 0px; background-size: cover;  text-align: center; color: #FFF; }


.ao_reso_uguide, .ao_reso_blog, .ao_reso_faqs, .ao_reso_videos, .ao_reso_fourms, .ao_reso_webinars{display: block;margin: auto;width: 35px;height: 35px;background-color: #EEE;padding: 10px;border-radius: 100%;}
.ao_reso_icon{background: url('../images/ao_resources.png') no-repeat;background-size: cover;display: inline-block;width: 100%;height: 100%;}
.ao_r_lst li {width: 31%;float: left;height: 280px;text-align: center;border: 1px solid #DDD;margin: 10px;padding: 20px 0 10px;position: relative;display: table-cell;}
.ao_r_lst li:hover{ background-color: #f5f5f5; }
.ao_reso_uguide .ao_reso_icon{background-position: -29px 0px;}
.ao_reso_blog .ao_reso_icon{background-position: -107px 0px;}
.ao_reso_faqs .ao_reso_icon{background-position: -182px 0px;}
.ao_reso_videos .ao_reso_icon{background-position: -144px 1px;}
.ao_reso_fourms .ao_reso_icon{background-position: -70px -1px;}
.ao_reso_webinars .ao_reso_icon{background-position: -70px -1px;}

.ao_reso_uguide{ background-color: #00b0ff; }
.ao_reso_blog{ background-color: #fed000; }
.ao_reso_faqs{ background-color: #ed8a19; }
.ao_reso_videos{ background-color: #e32877; }
.ao_reso_fourms{ background-color: #00bcd4; }
.ao_reso_webinars{ background-color: #acd373; }
.ao_reso_licon{display: inline-block;background: url('../images/ao_resources.png') no-repeat;wid;background-size: cover;width: 40px;height: 40px;background-position: 3px 4px; cursor: pointer;}
.ao_r_lst p { margin: 6px 25px; color: #797979; }

.ao_r_lst h3 { margin: 18px; }
.ao_reso_link { position: absolute; right: 0; left: 0px; bottom: 10px; }
.ao_r_lst ul { display: table; }
.ao_r_lst { margin: 50px 0; }
.ao_w_lst { padding: 50px 0; position: relative; }
/*resources end*/


/*integrations*/
.bgGray { background-color: #f9f9f9; }
.integContainer { border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
.ibanner { width: 100%; background-color: #cacccd; text-align: center; position: relative; margin-top: 0px; }
.ibanner h2{ display: none; }
.ibanner img {  max-width: 100%; display: block; margin: 0 auto; width: 100%; }
.txtAlnC { text-align: center; }
.isplitter { border-bottom: 1px solid #EEE; height: 10px; width: 70%; margin: 40px auto; text-align: center; }
.igrippper { display: inline-block; margin: auto; width: 40px; height: 5px; background-color: #EEE; margin: auto; position: relative; top: -4px; }
.integTypContainer { width: 100%; text-align: center; display: inline-block; margin-top: 30px; }
.integTypRow { display: inline-block; width: 145px; height: 175px; margin: 0 40px; border: 1px solid transparent; padding-top: 10px; border-radius: 3px; transition: all 0.2s ease-in 0s; position: relative; cursor: pointer; }
.integTypRow:hover { background-color: #f5f5f5; border-color: #EEE; }
.integTypRow.active { background-color: #EEE; border-color: #DDD; }
.integTypRow.active.inboundInteg h4 { color: #f7be26; }
.integTypRow.active.outboundInteg h4 { color: #ec6a6c; }
.integTypRow.active.emailInteg h4 { color: #56a4c4; }
.integTypRow.active.customapiInteg h4 { color: #78998b; }
.integTypRow h4 { margin: 0px; margin-top: 10px; font-weight: 100; text-align: center; }
.integTypRow.active:after, .integTypRow.active:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.integTypRow.active:after { border-color: rgba(238, 238, 238, 0); border-top-color: #EEE; border-width: 10px; margin-left: -10px; }
.integTypRow.active:before { border-color: rgba(221, 221, 221, 0); border-top-color: #DDD; border-width: 11px; margin-left: -11px; }
.integViewMain { display: inline-block; width: 920px; background-color: #FFF; border: 1px solid #DDD; padding: 20px; margin: 40px auto; }
.integCateg { text-align: center; margin-bottom: 30px; }
.integCateg li { display: table-cell; padding: 6px 20px; border-bottom: 4px solid transparent; cursor: pointer; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; }
.integCateg li:hover { border-color: #EEE; }
.integCateg ul { display: inline-block; border-bottom: 1px solid #EEE; padding: 0px !important; }
.integCateg li.active { border-color: #2c9bf3; font-weight: bold; }
/*app logo starts*/
.integLst { display: table; width: 100%; }
.integLst li { width: 19.5%; text-align: center; display: flex; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; height: 80px; float: left; cursor: pointer; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all 0.2s ease-in-out; }
.integLst li:nth-child(5n) { border-right: 0px; }
.integRow { display: table-row; }
.integColl { height: 60px; vertical-align: middle; display: flex; align-items: center; margin: auto; width: 100%; height: 100%;}
.integLst li:hover { background-color: #EEE; }
.integLogo { display: inline-block; background: url(../images/applogo.png) no-repeat; margin: auto; }
.intg_opm { width: 101px; height: 42px; background-position: -19px -18px; }
.intg_apm { width: 142px; height: 39px; background-position: -140px -17px; }
.intg_nfa { width: 126px; height: 39px; background-position: -303px -16px; }
.intg_hp { width: 126px; height: 33px; background-position: -451px -19px; }
.intg_opsview { width: 76px; height: 35px; background-position: -602px -16px; }
.intg_munin { width: 103px; height: 30px; background-position: -17px -84px; }
.intg_nagios { width: 104px; height: 29px; background-position: -137px -83px; }
.intg_solarwinds { width: 150px; height: 39px; background-position: -258px -72px; }
.intg_zenoss { width: 112px; height: 40px; background-position: -434px -86px; }
.intg_sensu { width: 63px; height: 51px; background-position: -582px -72px; }
.intg_icinga { width: 117px; height: 46px; background-position: -14px -138px; }
.intg_zabbix { width: 117px; height: 36px; background-position: -147px -149px; }
.intg_appdynamics { width: 148px; height: 25px; background-position: -279px -152px; }
.intg_prtg { width: 75px; height: 49px; background-position: -449px -135px; }
.intg_datadog { width: 128px; height: 32px; background-position: -548px -147px; }
.intg_newrelic { width: 133px; height: 28px; background-position: -16px -207px; }
.intg_idera { width: 133px; height: 28px; background-position: -156px -207px; }
.intg_site247 { width: 107px; height: 26px; background-position: -300px -206px; }
.intg_jira { width: 90px; height: 29px; background-position: -423px -210px; }
.intg_statuscake { width: 127px; height: 31px; background-position: -542px -205px; }
.intg_serverden { width: 142px; height: 33px; background-position: -14px -256px; }
.intg_loggly { width: 103px; height: 53px; background-position: -179px -243px; }
.intg_aws { width: 125px; height: 28px; background-position: -302px -261px; }
.intg_atlassianc { width: 141px; height: 25px; background-position: -453px -266px; }
.intg_pandora { width: 146px; height: 21px; background-position: -14px -325px; }
.intg_scom { width: 119px; height: 39px; background-position: -184px -323px; }
.intg_monitos { width: 130px; height: 36px; background-position: -324px -328px; }
.intg_ruxit { width: 115px; height: 41px; background-position: -472px -321px; }
.intg_librato { width: 142px; height: 34px; background-position: -14px -376px; }
.intg_slack { width: 122px; height: 34px; background-position: -173px -384px; }
.intg_flowdock { width: 124px; height: 30px; background-position: -315px -386px; }
.intg_hipchat { width: 115px; height: 40px; background-position: -467px -385px; }
.intg_zendesk { width: 130px; height: 36px; background-position: -14px -433px; }
.intg_victorops { width: 129px; height: 31px; background-position: -300px -448px; }
.intg_sdp { width: 146px; height: 45px; background-position: -457px -439px; }
.intg_asana { width: 134px; height: 32px; background-position: -179px -507px; }
.intg_pagerduty { width: 137px; height: 35px; background-position: -334px -506px; }
.intg_emailinteg { width: 97px; height: 46px; background-position: -178px -437px; }
/*app logo ends*/

.needmorebg, .needmorebg1{ display: inline-block; position: absolute; width: 426px; height: 100px; background: url(../images/needmorebg.png) no-repeat; }
.needmorebg{ top: -34px; left: -140px; }
.needmorebg1{ bottom: -33px; right: -120px; transform: rotate(180deg); }
.integrequest { background-color: #3e423f; display: flex; width: 100%; height: 170px; align-items: center; position: relative; }
.integrequest .container{ position: relative; }
.integrTxt { width: 50%; float: left; position: relative; z-index: 1;}
.integrTxt h3 { color: #FFF; margin-bottom: 0px; font-size: 24px; font-weight: 100; }
.integrTxt p { color: #777777; margin-top: 3px; font-size: 13px; }
.integBtnDiv { width: 50%; text-align: center; float: left; position: relative; z-index: 1;}
.integBtn { background-color: #00add5; color: #FFF; padding: 10px; border-radius: 4px; width: 180px; display: inline-block; vertical-align: middle; margin-top: 35px; text-decoration: none; text-transform: uppercase; }
.integBtn:hover { text-decoration: none; }
.emailInteg li, .customapiInteg li{ border: 0px; margin-left: 40%; }
/*upcominginteg starts*/
.upcomingIntgrow li { background-color: #f5f5f5; width: 170px; height: 90px; float: left; display: flex; margin-right: 30px; margin-bottom: 30px; text-align: center; align-items: center; box-shadow: 0px 12px 8px -8px rgba(0,0,0,0.1); }
.upcomingIntgrow li:hover { background-color: #EEE; }
.upcomingIntgrow { display: inline-block; width: 100%; }
.upcomingIntgrow h4 { font-size: 16px; margin: 0px; margin-bottom: 12px; }
.upcomIntSplit { display: inline-block; height: 1px; background-color: #EEE; margin: 30px auto; width: 100%; }
.upcomingIntgrow ul { display: table; padding: 0px !important; }
.upinteg_appdynsas { width: 60px; height: 54px; background-position: -128px -563px; margin: auto; }
.upinteg_logstash { width: 128px; height: 45px; background-position: -207px -567px; margin: auto; }
.upinteg_splunk { width: 125px; height: 45px; background-position: -347px -568px; margin: auto; }
.upinteg_opennms { width: 145px; height: 45px; background-position: -489px -568px; margin: auto; }
.upcomingInteg { margin-bottom: 50px; }
.upcomingInteg h2 { font-weight: 100; margin-top: 30px; }
.upinteg_github { width: 120px; height: 53px; background-position: -11px -627px; margin: auto; }
.upinteg_trello { width: 125px; height: 46px; background-position: -150px -629px; margin: auto; }
.upinteg_servicenow { width: 135px; height: 35px; background-position: -282px -635px; margin: auto; }
.upinteg_gitter { width: 125px; height: 40px; background-position: -436px -635px; margin: auto; }
.upinteg_sdpondemand { width: 145px; height: 45px; background-position: -495px -503px; margin: auto; }
.upinteg_zohoproj { width: 105px; height: 56px; background-position: -7px -558px; margin: auto; }
.upinteg_pulseway { width: 128px; height: 46px; background-position: -10px -689px; margin: auto; }
.upinteg_customapi { width: 128px; height: 46px; background-position: -285px -689px; margin: auto; }
.upinteg_sumologic { width: 138px; height: 46px; background-position: -434px -689px; margin: auto; }
.upinteg_logentries { width: 138px; height: 46px; background-position: -327px -749px; margin: auto; }
.upinteg_checkmk { width: 128px; height: 55px; background-position: -467px -737px; margin: auto; }
.upinteg_zohochat { width: 128px; height: 46px; background-position: -11px -749px; margin: auto; }
.upinteg_zohosupport { width: 148px; height: 46px; background-position: -8px -818px; margin: auto; }
.upinteg_appinsights { width: 162px; height: 50px; background-position: -273px -820px; margin: auto; }
.upinteg_msvsts { width: 134px; height: 67px; background-position: -141px -808px; margin: auto; }
.upinteg_observium { width: 168px; height: 55px; background-position: -445px -813px; margin: auto; }
.upinteg_sdpmsp { width: 168px; height: 56px; background-position: -5px -878px; margin: auto; }
.upinteg_googlechat { width: 88px; height: 66px; background-position: -511px -873px; margin: auto; }
/*upcominginteg ends*/

/*webinar page starts*/
.webniarTxtCont { width: 460px; float: right; text-align: initial; margin-top: 6%; }
.webinarBTitle { background-color: #48aad8; padding: 23px 18px; font-size: 34px; display: inline-block; width: 73%; box-shadow: -4px 7px 7px -5px rgba(0,0,0,0.1); position: relative; }
.webinarBTxt { background-color: #4ab9d8; display: inline-block; width: 100%; padding: 11px 11px; }
.webinarBTxt p { padding: 0px; margin: 0px; }
.webinarET { width: 270px; float: left; }
.webinar_eventtime { display: block; }
.webinarEV { font-size: 16px; font-weight: bold; margin-left: 4px; }
.webinatAct a { background-color: #85c800; color: #FFF; width: 135px; display: inline-block; text-align: center; height: 40px; line-height: 40px; text-decoration: none; font-size: 15px; font-weight: bold; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.webinarBSplit { width: 1px; background-color: rgba(255,255,255,0.3); height: 40px; margin: 0 15px; float: left; }
.webniarTxtCont { width: 460px; float: right; text-align: initial; margin-top: 6%; }
.webinarBTitle { background-color: #48aad8; background: #4ab9d8; background: #47a9d8; background: -moz-linear-gradient(top, #47a9d8 0%, #4ab9d8 100%); background: -webkit-linear-gradient(top, #47a9d8 0%, #4ab9d8 100%); background: linear-gradient(to bottom, #47a9d8 0%, #4ab9d8 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a9d8', endColorstr='#4ab9d8', GradientType=0 );
padding: 23px 18px; font-size: 34px; display: inline-block; width: 73%; box-shadow: -4px 7px 7px -5px rgba(0,0,0,0.1); position: relative; }
.webinarBTxt { background-color: #4ab9d8; background: #47a9d8; background: -moz-linear-gradient(top, #47a9d8 0%, #4ab9d8 100%); background: -webkit-linear-gradient(top, #47a9d8 0%, #4ab9d8 100%); background: linear-gradient(to bottom, #47a9d8 0%, #4ab9d8 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a9d8', endColorstr='#4ab9d8', GradientType=0 );
display: inline-block; width: 100%; padding: 11px 11px; }
.webinarBTxt p { padding: 0px; margin: 0px; line-height: 19px; margin-bottom: 10px; }
.webinarET { width: 270px; float: left; }
.webinar_eventtime { display: block; }
.webinarEV { font-size: 16px; font-weight: bold; margin-left: 4px; }
.webinatAct a { background-color: #85c800; color: #FFF; width: 135px; display: inline-block; text-align: center; height: 40px; line-height: 40px; text-decoration: none; font-size: 15px; font-weight: bold; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.webinatAct a:hover { background-color: #76b101; }
.webinarBSplit { width: 1px; background-color: rgba(255,255,255,0.3); height: 40px; margin: 0 15px; float: left; }
.webinar_title { text-align: center; font-size: 30px; line-height: 36px; font-weight: 100; }
.webinarInnerC { background-color: #888; width: 350px; height: 320px; padding: 10px; text-align: center; color: #FFF; float: left; border-radius: 3px; position: relative; }
.webinarInnerC h3 { font-size: 20px; margin: 6px 0px; }
.webinarIcon img { width: 100%; }
.webinarIcon { margin: 10px auto; width: 90px; }
.webinarInnerC h4 { margin-top: 20px; font-size: 18px; }
.webinarInnerC p { color: #FFF; }
.webinarInnerC a { color: #FFF; text-decoration: none; border: 1px solid #FFF; border-radius: 3px; display: inline-block; width: 140px; height: 33px; line-height: 33px; margin-top: 11px; }
.webinarInnerC a:hover { background-color: #FFF; color: #333; }
.webinarCSplit { width: 80%; margin: 10px auto; height: 1px; background-color: rgba(255,255,255,0.5); }
.webinarInnerC.webinar_1 { margin-left: 90px; margin-right: 70px; background-color: #00c1d4; }
.webinarCont { display: inline-block; width: 100%; margin-top: 40px; }
.webinarInnerC.webinar_3 { margin-left: 90px; margin-right: 70px; margin-top: 50px; background-color: #f9a825; }
.webinarInnerC.webinar_4 { margin-top: 50px; background-color: #85c800; }
.webinarInnerC.webinar_2 { background-color: #2099fd; }
.webinar_register { text-align: center; }
.webinar_register a { background-color: #f04747; display: inline-block; margin: auto; color: #FFF; text-decoration: none; font-size: 28px; width: 250px; height: 58px; line-height: 55px; margin-top: 40px; box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2); }
.webinar_register a:hover { background-color: #d23939; }

.askquestions{ background-color: #f04747; display: inline-block; margin: auto; color: #FFF; text-decoration: none; font-size: 28px; width: 250px; height: 58px; line-height: 55px; margin-top: 40px; box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2); }
.webinar_ovelay { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(0,0,0,0.5); display: none; }
.webinarpop_inner { background-color: #FFF; margin: auto; width: 800px; }
.webinarpop_title { font-size: 24px; padding: 24px 10px; border-bottom: 1px solid #EEE; width: 93%; margin: auto; position: relative; }
.webinarpop_mid { position: relative; padding: 20px; }
.webinarpop_mid h6 { margin-top: 6px; margin-bottom: 20px; }
.webinarpop_mid ul { width: 75%; margin-left: 37px; margin-bottom: 10px; }
.webinarpop_mid li { list-style-type: disc; font-size: 13px; line-height: 26px; }
.webinarpop_dt { position: absolute; right: 20px; top: 30px; background-color: #eeeeee; width: 180px; }
.webinarpop_dt.expired{ opacity: 0.4; }
.webinarpopd_lft { width: 60px; text-align: center; background-color: #ff7058; color: #FFF; float: left; }
.webinarpop_month { display: block; font-size: 11px; height: 20px; line-height: 20px; }
.webinarpop_date { display: block; font-size: 23px; font-weight: bold; height: 28px; }
.webinarpop_year { display: block; height: 20px; line-height: 20px; }
.webinarpopd_rgt { float: left; text-align: left; font-size: 16px; font-weight: 600; padding: 10px 10px; }
.webinarpop_btm { background-color: #EEE; display: table; margin-bottom: -10px; width: 100%; margin-top: 30px; }
.webinarb_lft { width: 70%; float: left; padding: 10px 20px; }
.webinarpop_btm p { padding: 0px; margin: 0px; }
.webinarb_lft h5 { color: #fd5836; font-size: 15px; margin-bottom: 6px; }
.webinarb_lft i { font-weight: 600; }
.webinarb_rgt a { background-color: #00c1d4; color: #FFF; padding: 9px 23px; font-size: 15px; border-radius: 3px; display: inline-block; margin-top: 28px; text-decoration: none; }
.webinarb_rgt a:hover { background-color: #32cddc; box-shadow: 0 0 4px rgba(0,0,0,0.2) }
.webinarb_rgt { text-align: center; }
.webinar_cls { position: absolute; right: 0px; top: 9px; padding: 10px; cursor: pointer; color: #888; }
.webinarpop_inner.webinarpop_1 .webinarpop_title { color: #00c1d4; }
.webinarpop_inner.webinarpop_2 .webinarpop_title { color: #2099fd; }
.webinarpop_inner.webinarpop_3 .webinarpop_title { color: #f9a825; }
.webinarpop_inner.webinarpop_4 .webinarpop_title { color: #85c800; }
.webinarpop_inner.webinarpop_1 .webinarb_rgt a { background-color: #00c1d4; }
.webinarpop_inner.webinarpop_2 .webinarb_rgt a { background-color: #2099fd; }
.webinarpop_inner.webinarpop_3 .webinarb_rgt a { background-color: #f9a825; }
.webinarpop_inner.webinarpop_4 .webinarb_rgt a { background-color: #85c800; }
.webinar_tab { text-align: center; margin-top: 30px; }
.webinar_tab li { float: left; padding: 5px 50px; border-bottom: 1px solid #DDD; cursor: pointer; color: #888; list-style-type: none; }
.webinar_tab ul { margin: auto; display: inline-block; }
.webinar_tab li.active { border-bottom: 3px solid #85c800; color: #000; }
.webinar_tab li:hover{ color: #000; }
.completed_webinars ul{ display: inline-block; width:100%; }
.completed_webinars li { width: 44%; border: 1px solid #DDD; padding: 0px 0 10px; list-style-type: none; float: left; margin-left: 20px; margin-bottom: 20px; margin-right: 20px; }
.completed_webinars h4 { color: #85c800; margin: 10px; }
.webinar_split { margin-top: 50px; height: 1px; border: 0px; border-top: 1px solid #DDD; margin-bottom: 30px; }
.webinar_complete { position: absolute; left: 0px; top: 0; background-color: #0bab52; padding: 1px 8px; border-bottom-right-radius: 3px; text-transform: uppercase; font-size: 12px; cursor: default; color: #FFF; }
.webinarpop_title .webinar_complete{ left: -18px; }
/*webinar page ends*/





/*mobile beta start */
.betacontainer { text-align: center; }
.betacontainer h1 { font-size: 26px; margin-bottom: 45px; }
.betaform { width: 440px; margin: auto; }
/*mobile beta ends */


/*media quires start*/
.ao_mobslink, .ao_mobslink { display: none; }

@media screen and (max-width:980px) {
.bannerDiv img { width: 100%; }
.ao_signup, .ao_signin { display: none; }
.ao_mobslink, .ao_mobslink { display: list-item; }
#scroll.container { width: 100%; padding: 0px; }
.aointeglogo &gt; ul { margin-left: 70px; }
}

@media screen and (max-width:980px) {
.aointeglogo &gt; ul { margin-left: 24px; }
.aointeglogo li { width: 210px; }
.integLst li{ width: 30%; }
.integViewMain{ width: 100%; }
.ibanner{ margin-top:28px; }

}

@media screen and (max-width:700px) {
   .integTypRow{ width: initial; padding:10px 20px; margin: 0 10px; }
    .upcomingIntgrow li{ margin-right: 20px; }
    .aoimg, .aocontent, .ao_fColL, .ao_fColR{ display: inline-block; width: 100%; }
    .ao_fNav li span{ display: none; }
    .ao_fNav{ height: 62px; }
    .ao_fnavInner{ height: 61px; }
    .ao_r_lst ul { padding: 0px !important; }
.ao_r_lst li { margin: 10px 0px; width: 100%; }
.ao_r_lst{ margin-top: 10px; }
.ao_w_lst{ padding-top: 10px; }
.ao_f_s_lft { display: inline-block; width: 100%; height: inherit; text-align: center; }
.ao_f_s_rgt { display: inline-block; width: 100%; height: inherit; text-align: center; }
.ao_f_signup a { float: none; }
.ao_f_signup .container { padding: 20px 0 30px; }
.ao_f_s_lft h2 { margin-bottom: 20px; }
.webinarInnerC, .webinarInnerC.webinar_1, .webinarInnerC.webinar_3, .webinarInnerC.webinar_4{ margin:35px auto; float:none; width: 80%; }
.webinar_title, .webinarCont{ margin-top:30px; }
.featuresLst li{ width: 44.33333%; }
}

@media screen and (max-width:390px) {
.integLst li{ width: 49%; }  
.emailInteg li, .customapiInteg li{ width: 100%; margin: 0px; }  
.integViewMain{ padding: 0px; }
.integCateg{ margin-top: 12px; }
.integCateg li{ padding: 4px 10px; }
.integLst li:nth-child(5n) { border-right: 1px solid #EEE; }
.aoimg, .bannerMainDiv, .ao_fNav{ display: none; }
.aocontent { width: 100%; padding: 0px 10px; }
.ao_inx_img_rgt .aocontent{ padding: 0px 10px; }
.ao_inx_signup h2, .ao_inx_signup a{float: none;margin-top: 0;margin-bottom: 20px;}
.aointeglogo &gt; ul { margin-left: 5px; }
.aointeglogo li { width: 150px; }
.aointeglogo img { width: 100% !important; }
.ao_fColL, .ao_frow_rev .ao_fColL{ padding: 0 10px; }
.ao_fColR{ display: none; }
.aointegtab li { padding: 1px 21px; margin-bottom: 12px; }
.aointegtab .tspliter { padding: 0px 6px; font-size: 16px; margin-top: 2px; }
.ibanner{ background-color: #efefef; }
.ibanner img, .integTypRow img, .needmorebg1, .needmorebg{ display: none; }
.ibanner h2{ display: block; padding: 30px; font-size: 23px; line-height: 32px; }
.integTypRow{ width: 38%; display: table-cell; padding: 10px; height: inherit; }
.integTypRow h4{ margin-top: 0px; }
.integTypContainer{ margin: 0px; }
.integrTxt{ width: 100%; text-align: center; }
.integrTxt h3{ margin-top: 0px; }
.integBtnDiv{ width: 100%; }
.integBtn{ margin-top: 0px; }
.upcomingIntgrow li{ width: 45%; margin-right: 15px; }
.webniarTxtCont{ width: 100%; }
.webinatAct{ margin-top: 20px; display: inline-block; }
.webinarb_rgt{ padding-bottom: 20px; }
.webinarpop_dt{ display: inline-block; margin-top: 20px; position: static; }
.webinarBTxt{ width: 94%; }
.featuresLst li{ width: 89.33333%; }
.pricing_bimg{ display: none; }
.pricing_btxt{ width:100%; text-align: center; }
.pricing_faqCol, .pricingInSub, .aoIndexCol, .ao_prod_works img{ width: 100%; }
.pricingInner, .aoIndexRow{ display: block; }
.pricingInSub{ margin-bottom: 30px; }
.aoIndexCol{ border-bottom: 1px solid #EEE; }
}

@media screen and (max-width:414px) {
.pricing_bimg{ display: none; }
.pricing_btxt{ width:100%; text-align: center; }
.pricing_faqCol, .pricingInSub{ width: 100%; }
.pricingInner{ display: block; }
.pricingInSub{ margin-bottom: 30px; }
.newbnr{ margin-top: 7px; }
.aoIndexRow{ display: block; }
.aoIndexCol{ width:100%; }
.aoIndexSplit{ margin-right: 0px; margin-left: 0px; width: 100%; height: 1px; }
.featuresLst li { width: 80%; margin-left: 0px; }
.needmorebg1, .needmorebg{ display: none; }
.integCateg ul{ width:100%; }
.integCateg li{ display:block; }
.integViewMain{ padding:0px; }
.integLst li { width: 49%; }
.integLst ul{padding:0px !important;} 
.integCateg li.active{ background-color: #2c9bf3; color: #FFF; }
}
/*media quires end*/
</pre></body></html>