.stickyfixed-header {
	position: fixed !important;
	top: 100px;
	left: 0;
	width: 100%;
	z-index: 1000000;
	animation: smooth 0.2s ease-in;
}
 @keyframes smooth {
 0% {
 transform:translateY(-10px);
}
 100% {
 transform:translateY(0px);
}
}
.promotion-bg.dn {
	display: none !important;
}

.promotion-bg {
        display:none;
	background: #1f1f1f;
	text-align: center;
	padding: 13px 0px;
	position: relative;
	box-sizing: border-box;
	z-index: 999 !important;
	margin-top: 0px;
	
}
.promotion-bg .container {
	max-width: 1200px !important;
}
.promotion-bg.ad {
	z-index: 99999 !important;
	width: 99%;
}
.promotion-bg.ad.stickyfixed-header {
	width: 100%;
}
.promotion p {
	margin: 0px;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
}
.promotion p sup {
	color: #fff;
}
.promotion a {
	color: #ff9f1e;
	border-bottom: 1px dotted #ff9f1e;
	margin-left: 5px;
	text-decoration: none !important;
	font-size: 16px;
}
span.tooltip-close {
	position: absolute;
	top: 15px;
	color: #fff;
	right: 20px;
	cursor: pointer;
	font-size: 16px;
}





/* MSP guide promo css */


.promobnrblobbg {
    background-image: url(../images/bg_blob.png);
    background-position: center;
    width: 90%;
    background-size: cover;
    padding: 5%;
    margin: 0px 0 20px 0;
	display: flex;
	align-items: center;
}
.promobnrblobbg.imbookbg{background-image: url(../images/im-book-bg.png);}
.smlbnr {
    width: 50% !important;
    padding: 3%  !important;
    margin: 0px auto 20px auto !important;
}

.promobnrblobbg div.left {
    width: 30%;
}
.promobnrblobbg div.right {
    width: 70%;
    vertical-align: middle;
}
h2.promotitle {
    font: 25px/1.2 'Zoho_Puvi_Bold';
    color: #000;
    text-align: left;
    width: 100%;
    margin: 0 0 20px 0 !important;
	text-align: left !important;
}
h2.promotitle.wclr{color: #fff!important;}

.pL20{ padding-left: 20px !important}
sup.newlbl {
    background: #E9142B;
    color: #fff;
    padding: 2px 3px;
    border-radius: 2px;
    font-size: 11px;
    margin: 5px;
}
a.promocta {
    background: #E9142B;
    padding: 7px 20px;
    font-size: 17px;
    text-decoration: none !important;
    color: #fff!important;
    text-transform: uppercase;
    border-radius: 3px;
}
a.promocta.ybgbclr{ background: #f9c800 !important; color: #000 !important}
.mB40{ margin-bottom: 40px !important;}

.resources li a.act{background: #ff6237;
    color: #fff;}


.overlay {
	width: 100%;
	background: #000000cc;
	position: fixed;
	height: 100%;
	top: 0;
	display: none;
}
.overlay-visible {
	display: block;
	z-index: 999999;
}
.success-msg {
	display: none;
}
.success-msg h3 {
	text-align: center;
	color: #fff;
	font-size: 26px;
}
.success-msg p {
	text-align: center;
	font-size: 16px !important;
	margin-top: 10px;
	color: #fff;
}
.form {
	display: flex;
	align-items: center;
}
.form>div {
	flex-grow: 1;
	flex-basis: 0;
	margin: 20px;
}
span.close {
	position: absolute;
	top: 0px;
	right: 0;
	color: #fff !important;
	background: #046598;
	padding: 10px;
	letter-spacing: 0.5px;
	cursor: pointer;
}
.form {
	width: 100%;
	background: #008ccb;
	padding: 50px;
	box-sizing: border-box;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	visibility: hidden;
}
.form h1 {
	color: #fff;
	font-size: 32px;
	line-height: 1.3;
}
.form-bg{z-index: 999999999;
    position: relative;}
.form-bg sup{color: #fff;}
p.tagline {
	color: #f7fdff;
	font-size: 20px !important;
	margin: 10px 0px 15px 0px;
}
p.time {
	color: #fff;
	font-size: 20px !important;
	padding-bottom: 20px;
	border-bottom: 1px solid #7ac3e4;
}
p.pres {
	color: #fff;
	font-weight: bold;
	font-size: 24px !important;
	margin-bottom: 10px;
}
p.author {
	margin: 0px;
	color: #fff;
	font-size: 20px !important;
	font-weight: bold;
}
p.role {
	font-size: 16px !important;
	color: #fff;
	margin: 0px;
}
p.exp {
	font-size: 16px !important;
	color: #fff;
	margin: 0px;
	padding-bottom: 20px;
	border-bottom: 1px solid #7ac3e4;
}
p.about-webinar {
	font-size: 18px !important;
	color: #fff;
	margin: 30px 0px 20px 0px;
}
.spkrname {
	position: relative
}
.spkrname img {
	position: absolute;
	right: 10px;
	max-width: 20%;
	top: 10px;
}
ul.desc {
	margin-left: 30px;
}
ul.desc li {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 20px;
	color: #fff;
	position: relative;
}
ul.desc li:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #82d8ff;
	position: absolute;
	border-radius: 50px;
	top: 7px;
	left: -30px;
}
form#Webinar_form {
	background: #026698;
	padding: 50px;
}
h3.form-title {
	font-size: 33px;
	text-align: center;
	color: #fff;
	margin: 0px 0px 20px 0px;
}
input.submitbtn {
	background: #ff8e00;
	color: #fff;
	border: none;
	padding: 15px 30px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1px;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 3px;
	max-width: 100%;
}

@media only screen and (max-width:2650px) {
.promotion-bg.ad {
	width: 95.7%;
}
.promotion-bg.ad.stickyfixed-header {
	width: 71.7%;
}
}

@media only screen and (max-width:1920px) {
.promotion-bg.ad {
	z-index: 99999 !important;
	width: 99%;
}
.promotion-bg.ad.stickyfixed-header {
	width: 100%;
}
}

@media only screen and (max-width:1680px) {
.promotion-bg.ad {
	width: 98.9%;
}
.promotion-bg.ad.stickyfixed-header {
	width: 73.3%;
}
}

@media only screen and (max-width:1600px) {
.promotion-bg.ad {
	width: 97.2%;
}
.promotion-bg.ad.stickyfixed-header {
	width: 100%;
}
}

@media only screen and (max-width:1440px) and (min-width:1366px) {
.form {
	padding: 30px;
}
}

@media only screen and (max-width:1440px) {
.promotion-bg.ad {
	width: 97.2%;
}
.promotion-bg.ad.stickyfixed-header {
	width: 67.2%;
}
}

@media only screen and (max-width:1366px) {
.promotion-bg.ad {
	width: 99.9%;
}
.promotion-bg.ad.stickyfixed-header {
	width: 69%;
}
}

@media only screen and (max-width:1280px) {
.promotion-bg.ad {
	width: 99.8%;
}
.promotion-bg.ad.stickyfixed-header {
	width: 72.9%;
	top: 60px;
}
}

@media only screen and (max-width:1024px) {

.stickyfixed-header {
	top: 64px;
}
.promotion-bg {
	margin-top: 40px;
}
.promotion-bg.ad.stickyfixed-header {
	width: 100%;
	top: 80px;
}

.form-left-col {
	display: none;
}
.form>div {
	flex-grow: inherit;
	flex-basis: inherit;
	margin: 0px;
}
.form {
	width: 600px;
	background: transparent;
	padding: 0px;
}
.mob {
	display: block
}
span.close {
	background: #2986b7;
	padding: 10px;
}
.prvcy-plicy {
	width: 100%;
}
}

@media only screen and (max-width: 768px){
.banner-bg {
    margin-top: 0px !important;
}
h2.promotitle {
    font: 30px/1.3 'Zoho_Puvi_Bold'!important;}
	
.promobnrblobbg {
    width: 90%;
    padding: 7% 0 0 0 !important;
    margin: 0px auto 20px auto !important;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.smlbnr {
    width: 80% !important;}
	.promobnrblobbg div.right {
    width: 70%;
    vertical-align: middle;
    padding-left: 0px !important;
}
a.promocta {
    background: #E9142B;
    padding: 10px 25px;
    font-size: 20px;
    text-decoration: none !important;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
}
.promobnrblobbg div.left {
    width: 80%;
}
	.promobnrblobbg div.left img{ margin-top: 30px;}
	
	.thanks h1 {
	width: 100%;
}
.thanks p {
	width: 100%;
}
.items ul {
	flex-wrap: wrap;
}
.items ul li {
	width: 100%;
	margin-bottom: 50px;
}
.surveybg {
	background-color: #fff;
	width: 80%;
}
.promotion-bg {
    margin-top:0px;
}
}


@media only screen and (max-width:736px) and (orientation:landscape) {
form#Webinar_form {
	background: #026698;
	padding: 50px;
	height: 250px;
	overflow-x: scroll;
}
}

@media only screen and (max-width: 667px){

.promotion-bg {
	text-align: left;
	padding: 13px 20px;
}
.stickyfixed-header {
    top: 55px;
}
.promotion p {
	font-size: 14px !important;
	padding: 0px 10px;
}
.promotion a {
	display: inline-block;
	font-size: 14px;
	margin: 0px;
}
span.tooltip-close {
	top: 13px;
}

.banner-bg {
    margin-top: 0px !important;;
}

.smlbnr {
    width: 80% !important;}
h2.promotitle {
    font: 25px/1.2 'Zoho_Puvi_Bold'!important;
}
	a.promocta {
    padding: 7px 20px;
		font-size: 15px;}
	.promobnrblobbg div.left {
    width: 80%;
}
.promobnrblobbg div.right {
    width: 80%!important;}
	.msp105rlsbnrbg{width: 80%!important;margin: 0px auto 20px auto !important;}
}



@media only screen and (max-width:600px) {
.banner h1 {
	font-size: 29px;
}
ul.date {
	margin-right: 0px;
	margin-bottom: 15px;
}
h3.form-title {
	font-size: 23px;
}
form#Apiform {
	padding: 0;
	width: 100%;
}
.sdp-logo-blocks .sdpcus-block {
	display: block;
	margin: 10px auto 0px auto;
}
.main-content>div {
	margin: 0px;
}
.main-content-middle-col h3 {
	margin-bottom: 20px;
	margin-top: 50px;
}
p.desc {
	width: 100%;
	margin: 5px auto 30px auto;
}
h3.form-title {
	font-size: 26px;
}
form#Webinar_form {
	padding: 30px;
}
.form {
	width: 380px;
	display: block;
}
input.submitbtn {
	padding: 10px;
	font-size: 13px;
}
input[type="text"] {
	height: 40px;
}
select {
	height: 40px;
}
}



@media only screen and (max-width:414px) {
ul.menu-items {
	top: 95px;
}
ul.speaker-items li:nth-child(1) {
	margin-right: 0px;
}
ul.speaker-items {
	display: block;
	margin: 0 auto;
	text-align: center;
}
h3.form-title {
	font-size: 23px;
}

ul.countdown li {
	margin: 0px 10px;
}
ul.countdown li:nth-child(2):before {
	display: none;
}
ul.countdown li:nth-child(2):after {
	display: none;
}
ul.countdown li:nth-child(3):after {
	display: none;
}
}

@media only screen and (max-width:375px) {
.banner h1 {
	font-size: 26px;
}

p.support-text {
	width: 100%;
}
}

.promotion-bg.active {
z-index: -1 !important;
}

@media only screen and (min-width:769px) and (max-width: 1024px) {
.stickyfixed-header {
    top: 22px;
}
}
@media only screen and (min-width:1025px) and (max-width: 1280px) {
.stickyfixed-header {
    top: 60px;
}
}
.form-bg {
z-index:1;
}