.main-hero {

    overflow: hidden;

    position: relative;

    background: #05a5e3;

}

.main-hero img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

}

.hero-texts {

    margin: 110px 0 82px;

    width: auto !important;

}

.hero-texts h2 {

    font-size: 80px;  

    line-height: 1em;  

    font-family: proxima-nova, sans-serif;

    font-weight: 700;

    letter-spacing: 0.06em;

    color: #05a5e3;

    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

    text-align: center;

}

.hero-texts h2 span {

    font-size: 24px;

    font-family: caecilia, sans-serif;

    font-weight: normal;

    padding-left: 0;

    letter-spacing: 0;

    color: #fff;

    text-shadow: none;

    margin-left: -0.3em;

}

.main-hero .container {

    position: relative;

    z-index: 2;

}

.container.center {

    margin: 0 auto;

}

.webinar-rsvp .xp-header::before {

    background: #0099cc;

    height: 90px;

    content: '';

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

}

.webinar-rsvp .logo {

    top: 20px;

    width: 50px;

    height: 50px;

}

.webinar-rsvp .menu-icon {

    top: 35px;

}

.webinar-main {

    padding: 140px 0 70px;

}

.container.article-content {

    position: relative;

    z-index: 2;

    margin-top: -40px;

    margin-top: 0; 

    padding-top: 0; 

    max-width: 780px;

}

.article-content h1 {

    font-size: 44px;

    line-height: 1.3em;

    font-family: proxima-nova, sans-serif;

    font-weight: 600;

}

.article-main {

    position: relative;

}

.article-main::before {

    position: absolute;

    top: -40px;

    top: 0;

    left: 0;

    background: #fff;

    content: '';

    width: 100%;

    height: 190px;

    z-index: 1;

}

.article-content h2.common-para {

    line-height: 1.33em;

    margin-bottom: 10px;

    font-size: 32px;

    font-family: proxima-nova, sans-serif;

    font-weight: 600;

}

.article-content ul {

    margin: 0 0 30px;

    padding-left: 17px;

    list-style-type: disc;



    font-family: caecilia, sans-serif;

}

.article-content ul li {

    font-family: caecilia, sans-serif;

}

.article-content p {

    font-size: 20px;

    line-height: 1.6em;

    font-family: caecilia, sans-serif;

    font-weight: normal;

    margin-bottom: 1em;

}

.article-content p a {

    color: #00a0e0; 



}

.thanks-state p {

    padding: 20px;

    background: rgba(5, 165, 227, .15);

}

h3.date {

    font-size: 18px;

    font-family: proxima-nova, sans-serif;

    font-weight: 700;

    color: #00a0e0;

    margin-bottom: 24px;

}

.webinar-form {

    padding-left: 100px;

}

.webinar-form h4 {

    font-size: 30px;

    font-family: 'proxima-nova';

    font-weight: 600;

}

.btn:hover {

    background: #047aa8;

}





.xpForm .btn {

    margin-top: 40px;

}



.add-to_calender .btn{

    width: auto;

    margin: 0 30px 40px 0;

    padding: 15px 25px 13px;

    height: auto;

    border-radius: 0;

    text-transform: none;

    background: no-repeat;

    color: #000;

    padding: 0;

    border-bottom: 1px solid;

    min-width: 1px;

}



/*---- Email Migration ----*/

.col-33 {

    width: 33%;

    padding: 0 20px 20px;

}

.col-65 {

    width: 65%;

    padding: 0 20px;

}

.col-67 {

    width: 67%;

    padding: 0 20px 20px;

}

.steps-row {

    margin: 0 -20px;

}

.setup-detail.webinar-form {

    padding: 0;

}

.setup-detail.webinar-form h4 {

    margin-bottom: .6em;

}

.number {

    padding-bottom: 24px;

    margin-bottom: 22px;

    border-bottom: 4px solid #0099cc;

}

.number span {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    color: #fff;

    background: #0099cc;

    text-align: center;

    font-size: 26px;

    line-height: 54px;

    font-weight: bold;

}

.steps p {

    font-size: 16px;    

    font-family: proxima-nova, sans-serif;

    font-weight: 400;

    margin: 0 0 10px;

}

.steps img {

    display: block;

    width: 100%;

    margin: 0 0 10px;

}

.instructions {

    padding-top: 48px;

    padding-bottom: 30px;

    border-bottom: 1px solid #eaeaea;

}

.instructions:last-child {

    padding-bottom: 50px;

}

.questions {

    padding-top: 60px;

}

/*---- Email Migration ----*/

.privacy-policy .common-para span {

    line-height: 1.2em;

    margin: 0;

    font-size: .84em;

}

.article-content.privacy-policy ul li:not(:last-child) {

    margin-bottom: .6em;

}

.article-content.privacy-policy ul li {

    font-size: 20px;

    line-height: 1.6em;

}

.article-content.privacy-policy hr {

    border: 0;

    height: 1px;

    background: #999;

    margin: 2em 0;

    opacity: .30;

}







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

    .article-content h1 {

        font-size: 32px;

    }

    .container.article-content {

        max-width: 720px;

    }

}





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



    .container.article-content {

        max-width: 640px;

    }



    .webinar-rsvp .xp-header::before {

        height: 72px;

    }   

    .webinar-rsvp .logo {

        top: 20px;

        width: 32px;

        height: 32px;

    }  

    .webinar-rsvp .menu-icon {

        top: 26px;

    }

    .container {

        width: 680px;

    }

    .webinar-main {

        padding: 110px 0 40px;

    }

    .article-content h2.common-para {

        font-size: 22px;

    }    

    h3.date {

        font-size: 16px;

        margin-bottom: 18px;

    }  

    .add-to_calender .btn {

        font-size: 17px;

    }   

    .article-content p {

        font-size: 16px;

    }  

    .webinar-form {

        padding-left: 40px;

    }

    .xpForm .xpMaterial {

        font-size: 16px;

    }    

    .webinar-form h4 {

        font-size: 22px;

    }

    .xpForm .btn {

        margin-top: 30px;

        height: 48px;

    }

    .webinar-rsvp:not(.privacy) .xp-header::before {

        display: none;

    }   

    .xp-header {

        height: 64px;

    }

    .article-content.privacy-policy ul li {

        font-size: 16px;

    }

    .privacy .webinar-main {

        padding-top: 50px;

    }

}



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

    .webinar-main {

        padding: 102px 0 20px;

    }

    .container {

        width: 100%;

    }

    .mobBlock {

        display: block;

    }

    .mobBlock .col-50 {

        width: 100%;

        float: none;

    }

    .webinar-form {

        padding-left: 0;

    }

    .webinar-rsvp .logo {

        top: 16px;

        width: 32px;

        height: 32px;

    }

    .webinar-rsvp .menu-icon {

        top: 24px;

    }.add-to_calender .btn {

        font-size: 16px;

        margin: 0 15px 20px 0;

    }



    .steps-row {

        margin: 0;

    }

    .col-33 {

        width: 100%;

        padding: 0 0 20px;

    }

    .col-67 {

        width: 100%;

        padding: 0 0 20px;

    }

    .row [class^="col-"] {

        width: 100%;

    }

    .questions {

        padding: 40px 0 20px;

    }

    .instructions:last-child {

        padding-bottom: 3px;

    }

    .privacy .webinar-main {

        padding: 90px 0 20px;

    }

}