/*on-demand-webinar page design css start here*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.2s ease-in 0s;
}
.prd-nav, .prd-nav li, .prd-nav li a, .prd-nav li a span, .footCol1, .footCol1 ul, .footCol1 ul li, .footCol1 u li a, 
.footCol2, .footCol2 ul, .footCol2 ul li, .footCol2 u li a, .footCol2 ul li, .footCol2 span, .regional-countries-list {
	-webkit-box-sizing: initial !important;
	-moz-box-sizing: initial !important;
	box-sizing: initial !important;
}
.btn-head {
	float: right;
    margin-top: 30px;
    padding: 8px 12px;
    font-size: 18px;
    line-height: 1.42857143;
    border-radius: 4px;
	margin-left: 10px;
}
.btn-head.dowl {
    background: #ef372e;
    color: #fff !important;
    border: 1px solid #ef372e;
	transition: all 0.2s ease-in 0s;	
}
.btn-head.dowl:hover {
    background: #d02b23;
    border: 1px solid #d02b23;	
	transition: all 0.2s ease-in 0s;
}
.btn-head.sign {
    background: #7bbb2b;
    color: #fff !important;
    border: 1px solid #7bbb2b;	
	transition: all 0.2s ease-in 0s;
}	
.btn-head.sign:hover {
    background: #68a021;
    border: 1px solid #68a021;	
	transition: all 0.2s ease-in 0s;
}
.btn-bannr {
	background: #ef372e !important;
    color: #fff !important;
    transition: all 0.2s ease-in 0s;
}
.btn-bannr:hover {
	background: #bf2b24 !important;
    transition: all 0.2s ease-in 0s;
}
.mrtp30 {
	margin-top: 30px;
}
.od-banner {
	position: relative;
    background: #0a2b45;
    padding: 50px;
	z-index: 0;
}
.od-banner:before {
    background: url(../images/od-banner-bg.png) no-repeat;
    content: " ";
    position: absolute;
    top: 0px;
    right: 0;
    background-size: cover;
    height: 100%;
    width: 53%;
    z-index: -1;
}
.od-banner-inner {
	max-width: 1400px;
    margin: auto;
    color: #fff;
    line-height: initial;
}
.od-banner-inner h1 {
    font-weight: 600;
	margin-top: 35px;
    font-size: 34px;	
}
.od-banner-inner h1 span {
    color: #FDC41C;
}
.od-banner-inner .ribb {
	background: #072135;
    padding: 12px 25px;
    border: 1px solid #061724;
    border-radius: 5px;
}
.od-banner-inner p {
	font-size: 18px;
	line-height: 32px;
    width: 80%;	    
	margin-top: 30px;
}

.titel2 {
    font-size: 28px;
    font-weight: 600;
	line-height: inherit;
    color: #000;	
}
.mrtp0 {
	margin-top: 0px !important;
}
.mrbt0 {
	margin-bottom: 0px !important;
}
.mrbt20 {
	margin-bottom: 20px !important;
}
.mrtp5 {
	margin-top: 5px;
}
.mrtp25 {
	margin-top: 25px;
}
.fndw6 {
	font-weight: 600;
}
.fndw7 {
	font-weight: 700;
}
.text-justify {
	text-align: justify;
}
.od-body {
	max-width: 1400px;
    position: relative;
    margin: 50px auto;	  
	color: #000;
	padding: 20px 0;
	font-size: 17px;
    line-height: 32px;
}
.od-bg {
	position: relative;
}
.od-bg:before {
	background: url(../images/visibility-view.png) repeat;
    content: " ";
    position: absolute;    
	background-size: contain;
    top: 10%;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: .5;
}
ul.lisr-ds {
	line-height: 50px;
	margin-top: 32px;
	list-style-type: none !important;
	padding-left: 0 !important;
}
ul.lisr-ds li {
	position: relative;	
    padding-left: 23px;
    line-height: 35px;
    margin-bottom: 15px;
}
ul.lisr-ds li:before {
	content: " ";
	position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid #C6D7E1;
    background: #fff;
    border-radius: 25px;
    display: block;
    float: left;
    margin-right: 12px;
    margin-top: 17px;
	    left: 0px;
	    top: -5px;
}
ul.lisr-ds li:after {
    content: " ";
    width: 10px;
    height: 10px;
    background: #E4F2F9;
    border-radius: 25px;
    display: block;
    position: absolute;
    top: 15px;
    left: 3px;
}
.od-form {
    position: absolute;
    top: 200px;
    right: 140px;
    width: 400px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #ccc;    
	margin-bottom: 25px;
} 
.od-form.fixed-form {
    top: -300px !important;
    right: 0px !important;
}
.od-thns-form {
	float: right;
    width: 400px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #ccc;     
	margin-top: 30px;
	margin-bottom: 25px;
}
.od-form form, .od-thns-form form {
    width: 80%;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 30px;
}
.od-form form label, .od-thns-form form label {
    font-size: 14px;
}
.od-form form input, .od-form form textarea, .od-form form select, 
.od-thns-form form input, .od-thns-form form textarea, .od-thns-form form select {
    height: 40px;
    width: 100%;
	border: 1px solid #cccccc;
    margin-bottom: 12px;
    margin-top: 4px;
    padding: 8px;
    font-size: 13px;
}
.od-form-titl {
	font-size: 18px;
    text-align: center;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    background: #E9F4FA;
    padding: 20px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
	color: #000;
}
.os-radio-box label input {
    margin-left: -50px !important;
    margin-top: -9px !important;
}
#downloadSubmit {
	width: 100%;
    background: #EF614E !important;
    border: 1px solid #EF614E;
    font-size: 15px !important;
    font-weight: 600;
	margin-bottom: 0 !important;
	height: 50px;
}
.od-form #meGDPRMessage {
    width: 100%;
}
.od-form #meGDPRMessage label {
    font-size: 10px;	
}
.od-form #formCTAgdpr {
    padding: 0px !important;
}
.od-form .os-radio-box label .checkmark {
    height: 18px !important;
    width: 18px !important;
}
.od-form .os-radio-box {
    padding-top: 0 !important;
}
.od-footer {
	background: #F9F9F9;
	border-top: 1px solid #cccccc;
	padding: 20px;
	margin-top: 30px;
}
.od-footer ul {
	max-width: 1400px;
    margin: auto;
}
.od-footer ul li {
	float: left;
}
.fl-r {
	float: right !important;
}
.pdtp20 {
	padding-top: 20px; 
}
.u-case {
	text-transform: uppercase;
}
#od-SH {
	display: none;
}
.mrbt10 {
	margin-bottom: 10px !important;
}
.od-play-video a {
    display: block;
    margin-top: 40px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
}
.od-vid-sid {
/*
	background: #f9f9f9;
    border-left: 1px solid #ccc;
*/
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 25%;
    z-index: 999999;
}
.od-play-video {
    position: relative;
    padding-bottom: 56.25%;
}
.od-play-video iframe {
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 80%;
}

/*JIRA page design start here */

.jira-banner {
    background: url(../images/jira-tile-bg.png) repeat, #191062;
    padding: 80px 50px;
}
.jira-banner-inner {
	max-width: 1400px;
    margin: auto;
    color: #fff;
    line-height: initial;
    display: flex;	
}
.jira-banner-inner h1 {
    font-weight: 600;
	margin-top: 10px;
    font-size: 34px;
}
.jira-banner h1 span {
    color: #5DF4EE;
}
.jira-banner-inner .ribb {
	background: #072135;
    padding: 12px 25px;
    border: 1px solid #061724;
    border-radius: 5px;
}
.jira-banner-inner p {
	font-size: 18px;
	margin-top: 20px;
}
.jira-form-titl {
	font-size: 18px;
	text-align: center;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
	background: #F3F3F3;
	padding: 20px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	color: #191062;
}
.jira-ribb {
    font-size: 18px;
    font-weight: 600;	
}
.list-titel {
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 5px;
}
.bnr-btn-cnter {
    text-align: center;
    margin: auto;	
}
.mobl-btn {
	display: none;
}
#rig-form { 
	scroll-behavior: smooth;
    max-width: 1400px;
    margin: 50px auto;
}
/*JIRA page design end here */

/*s-gaps page design start here */

.s-gaps-banner {    
	position: relative;
    background: #eff9ff;
    padding: 50px;
    z-index: 0;
}
.s-gaps-banner:before {
    content: " ";
    background: url(../images/why-ap-bg.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 65%;
    height: 375px;
    z-index: -1;
}
.s-gaps-banner-inner {
	max-width: 1400px;
    margin: auto;
    line-height: initial;
    display: flex;
    align-items: center;
}
.s-gaps-banner-inner h1 {
    font-weight: 100;
    margin-top: 10px;
    font-size: 36px;
    color: #000;
}
.s-gaps-banner h1 span {
    font-weight: 700;
}
.s-gaps-banner-inner .ribb {
	background: #072135;
    padding: 12px 25px;
    border: 1px solid #061724;
    border-radius: 5px;
}
.s-gaps-banner-inner p {
	font-size: 17px;
    margin-top: 20px;
    line-height: 32px;
    color: #000;
}
.s-gaps-form-titl {
	font-size: 18px;
	text-align: center;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
	background: #F3F3F3;
	padding: 20px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	color: #191062;
}
.s-gaps-ribb {
    font-size: 18px;
    font-weight: 600;	
}
.present-by {
	width: 50%;
    border-top: 1px solid #9ddcf9;
    margin-top: 44px;
    padding: 10px 0;
}
.present-by p {
    font-size: 15px;
    color: #6f6f6f;
    margin: 0 !important;	
}
.present-by h3 {
    margin: 0;
    font-weight: 600;
    font-size: 17px;	
}
.present-by span {
    font-size: 13px;
    color: #6f6f6f;
    margin-bottom: 0 !important;	
}
/*s-gaps page design end here */
.webinar-body {
    max-width: 1400px;
    position: relative;
    margin: 10px auto;
    color: #000;
    padding: 20px 0;
    font-size: 17px;
    line-height: 32px;
}
.webinar-form-titl {
    font-size: 18px;
    text-align: center;
	border-bottom: 1px solid #e4e4e4;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    color: #000;
}
.ribb-yellow {
    color: #f3af0d;
    font-weight: 600;
    font-size: 16px;
}
.webinar-form {
    width: 400px;
    float: right;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #d8d8d8;
    margin-bottom: 25px;
    box-shadow: 0px 0px 10px #c2e8f9;
}
.webinar-form form {
    width: 80%;
	color: #000;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 30px;
}

.webinar-form form label {
    font-size: 14px;
}
.webinar-form form input, .webinar-form form textarea, .webinar-form form select {
    height: 40px;
    width: 100%;
	border: 1px solid #cccccc;
    margin-bottom: 12px;
    margin-top: 4px;
    padding: 8px;
    font-size: 13px;
}
.wlb-innr-video-innr .wlb-vid-bannr {
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
}
.wlb-innr-video-innr .wlb-vid-play {
    position: absolute;
    left: calc(50% - 30px);
    top: calc(50% - 44px);
    z-index: 10;
    width: 80px;
    height: 80px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    transform-origin: center center;
    cursor: pointer;
}
.webinar-form #meGDPRMessage {
    width: 100%;
}
.webinar-form #meGDPRMessage label {
    font-size: 10px;	
}
.webinar-form #formCTAgdpr {
    padding: 0px !important;
}
.webinar-form .os-radio-box label .checkmark {
    height: 18px !important;
    width: 18px !important;
}
.webinar-form .os-radio-box {
    padding-top: 0 !important;
}
.wlb-innr-video-innr {
    position: relative;
    width: 70%;
    float: right;
    border-radius: 10px;
    border: 2px solid #215473;
    padding: 2px;
}
.form-success {
	background: #191062;
/*
	height: calc(100vh - 90px);
    min-height: calc(100vh - 90px);
    display: flex;
*/
    padding: 60px 20px;
}
.success-cont-cntr {
	max-width: 900px;
	color: #fff;
	margin: auto;
	text-align: center;
}
.succ-titl {
	font-weight: 600;
    margin-top: 10px;
    font-size: 34px;
    color: #5DF4EE;
    line-height: initial;
}
.succ-sub-tit1 {
	font-size: 22px;
    font-weight: 600;
}
.succ-sub-tit2 {
	font-size: 21px;
    font-weight: 100;	
}
.success-padding {
	padding: 0px 110px;
}
.btn-success {
	background: #ef372e !important;
    color: #fff !important;
    border-radius: 6px;	
    transition: all 0.2s ease-in 0s !important;
    padding: 15px 55px !important;
}
.success-body {
    margin-top: 80px;
}
.succs-msg {
	position: relative;
    text-align: center;
	transition: all 0.2s ease-in 0s;
	opacity: 0;
}
.succs-msg p {
	position: absolute;
	top: 0;
	width: 100%;
	padding: 15px;
	margin: 0px;
    background: #0bb92c;
/*    background: #71af3b;*/
    color: #fff;
}
.succs-msg.show {
	opacity: 1;
	height: auto;
	transition: all 0.2s ease-in 0s;
}
.fixed-form {
/*	position: fixed !important;*/
    box-shadow: 0px 0px 11px #190f612b;
}
.pdall30 {
	padding: 30px;
}
.success-chart {
	width: 70%;
    margin-top: 20px;
    margin-bottom: 40px;
}
.normal-form {
    position: inherit !important;
    float: right;
}
ul.list-round {
	line-height: 50px;
	list-style-type: none !important;
	padding-left: 0 !important;
}
ul.list-round li {
	position: relative;	
    padding-left: 25px;
}

ul.list-round li:after {
    content: " ";
    width: 8px;
    height: 8px;
    background: #110762;
    border-radius: 25px;
    display: block;
    position: absolute;
    top: 20px;
    left: 3px;
}
.survey-form {
	font-size: 16px;
    margin-bottom: 28px;
}
.survey-form a {
    color: #009eff;		
}
/*responsive code start here*/

@media screen and (max-width:1900px) {
	
}
@media screen and (max-width:1555px) {
	.od-body {
		padding-right: 30px !important;
		padding-left: 35px !important;
	}	
}
@media screen and (max-width:1450px) {

}
@media screen and (max-width:1350px) {
	
}
@media screen and (max-width:1280px) {
	.od-body .wid60 {
		width: 55%;
	}
	.od-form {
    	right: 50px;
	}
	.od-body, .od-head {
	padding-right: 30px;
    padding-left: 35px !important;
	}

}
@media screen and (max-width:1024px) {
	.od-body {
    	padding: 0 50px !important;
	}	
	.od-form {
		right: 40px;
	}
	.od-head {
		padding: 0 20px;
	}
}
@media only screen and (max-device-width : 1555px) and (min-device-width : 1023px) {
	.od-form.normal-form {
		width: 95%
	}
}
/*
@media only screen and (max-device-width : 1555px) and (min-device-width : 1300px) {
	.od-form.normal-form {
		width: 360px;
	}
}
*/
@media screen and (max-width:1022px) {
	.od-body .wid60,.jira-banner-inner .wid60, .od-body .wid70, .od-body .wid30 {
		width: 100%;
	}	
	.normal-form {
		width: 100% !important;
		margin-top: 20px !important;
	}
	.od-form {
		position: inherit !important;
		width: 90%;
		margin: auto;
		margin-bottom: 40px;
	}
}
@media screen and (max-width:980px) {
	.od-vid-sid {
	    position: inherit;	
		height: 400px;
    	width: 100%;
	}
	.od-body, .od-bg:before {
		width: 100%;	
	}
/*
	.od-play-video iframe {
		min-height: 420px;
	}
*/
}
@media screen and (max-height: 800px) {
	.form-success {
		height: inherit;
		min-height: inherit;
	}
}
@media screen and (max-width:768px) {
	.success-padding {
		padding: 0;
	}
	.success-padding .btn-success.fl-lf, .success-padding .btn-success.fl-r {
		float: none !important;
		margin-top: 10px;
	}
	.bnr-btn-cnter {
		margin-top: 30px;
	}
	.jira-banner-inner {
		    display: inherit;
	}
	.od-body .wid60 {
    	width: 100%;
	}
/*
	.od-form {
		position: inherit !important;
		width: 90%;
		margin: auto;
		margin-bottom: 40px;
	}
*/
	.od-banner-inner p {
    	width: 100%;
	}
	.od-banner-inner {
		padding: 0 20px;
	}
	.od-body ul {
		text-align: left;
	}
	.mobl-btn {
		display: block;
	}
	.webinar-form {
    	width: 100%;
    	margin-top: 40px;
	}
	.present-by {
    	width: 100%
	}
	.s-gaps-banner-inner h1 {
    	word-break: break-word;
	}
}
@media screen and (max-width:767px) {
	.btn-head {
		float: right;
		margin-top: 4px;
	}
}
@media screen and (max-width:600px) {
	.succ-titl {
		font-size: 24px;
	}
	.od-body .wid60 {
	    text-align: justify;	
	}
	.od-head {
		padding: 15px !important;
	}
	.jira-banner-inner h1 {
    	word-break: break-word;
	}
/*
	.od-body {
		margin: 30px;
	}
*/
	.od-banner, .od-body {
		padding: 30px !important;
	}
/*
	.od-play-video iframe {
		min-height: 380px;
	}
*/
	.btn-head {
		padding: 6px 11px;
		margin-right: 10px;
		font-size: 12px;
	}
}
@media screen and (max-width:425px) {
	.btn-head {
	    padding: 6px 11px;
		margin-right: 10px;
    	font-size: 12px;	
	}
	.od-head .melogosvg img {
		width: 160px!important;
	}
	.od-head .analyticslogosvg img {
		width: 150px;
		height: 32px;
		margin-top: 0px;
	}
/*
	.od-play-video iframe {
		min-height: 220px;
	}
*/
}



/***** Salesiq fix - Starts ******/
@media screen and (min-width: 900px) {
      body.aplus-salesiq-customized .zls-sptwndw {
        max-width: 1400px;
          position: relative;
          margin: 0px auto;
          /*padding: 20px 0;*/
          width: 100% !important;
      }
      body.aplus-salesiq-customized #siqcht {
        position: absolute;
        width: 371px;
        height: 460px;
        right: 0;
      }
      body.aplus-salesiq-customized .zls-sptwndw.siqanim {
        height: 0 !important;
        left: inherit !important;
        right: inherit !important;
        top: inherit !important;
        bottom: inherit !important;
        z-index: 5 !important;
      }
      body.aplus-salesiq-customized .od-play-video  {
        width: calc(100% - 400px);
        padding-bottom: 40%;
        margin-bottom: 20px;
      }
      body.aplus-salesiq-customized #siqcht:before {
        content: "";
        width: 25px;
        height: 20px;
        background: #ffffff;
        display: inline-block;
        position: absolute;
        top: 5px;
        right: 5px;
        cursor: default;
      }
      body.aplus-salesiq-customized .od-body {
        margin-bottom: 0;
        padding: 0;
      }
      [embedtheme] iframe {
        box-shadow: none !important;
      }

    }

    @media screen and (max-width: 1555px) {
      body.aplus-salesiq-customized .od-body {
        padding: 0 20px !important;
      }
      body.aplus-salesiq-customized #siqcht {
        right: 20px;
      }
    }

    @media screen and (max-width: 1250px) {
      body.aplus-salesiq-customized [embedtheme] iframe, body.aplus-salesiq-customized #siqcht {
        height: 350px !important;
      }
      
    }
/***** Salesiq fix - Ends ******/