/* *** Webinar Sticky Call to Action *** */
.webinar_modal .mybutton {
    position: relative;
}
.webinar_modal .mybutton a {
    border-radius: 100px;
    background-color: #fbcf04;
    color: #ffffff;
    padding: 1% 6%;
    display: table;
    margin: auto;
    transition: 0.5s;
    background-image: -moz-linear-gradient( 0deg, #ec8733 0%, #ed5400 100%);
    background-image: -webkit-linear-gradient( 0deg, #ec8733 0%, #ed5400 100%);
    background-image: -ms-linear-gradient( 0deg, #ec8733 0%, #ed5400 100%);
    box-shadow: -20.5px 35.507px 29px 0px rgb(22 46 95 / 19%), inset 0px 6px 3px 1px rgb(0 0 0 / 50%), inset 0px -6px 3px 1px rgb(255 255 255 / 50%);
    text-shadow: -3.536px 3.536px 0px rgb(0 0 0 / 21%);
    overflow: hidden;
    position: relative;
    font-weight: 700;
    font-size: 24px;
}
.webinar_modal .mybutton .arrow1 {
    position: relative;
    margin-top: -2%;
    left: 6%;
    animation: bounceRight 2s ease infinite;
}
@keyframes bounceRight {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-30px);
  }
  60% {
    transform: translateX(-15px);
  }
}
.webinar_callToAction {
    position: fixed;
    max-width: 280px;
    width: 100%;
    bottom: 100px;
    right: 20px;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    z-index: 999999;
}
.w-action-title {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 600;
    padding-right: 5px;
    padding-left: 5px;
    max-width: 100%;
    max-height: 2.8em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* color: #b83b7b;*/
    color: #ff6c00;
}
.w-action-wrapper .action-button {
    width: 100%;
    border-radius: 25px;
}
.w-action-subTitle {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
}
/* *** Webinar Modal *** */

.modal.webinar_modal {
    z-index: 1000000;
}
.webinar_modal .modal-dialog {
    max-width: 900px;
}
@media(min-width: 1870px){
    .webinar_modal .modal-dialog {
        max-width: 1070px;
    }
}
.webinar_modal .modal-dialog .modal-content {
    background-image: -webkit-linear-gradient( 0deg, rgb(113 170 255 / 27%) 0%, rgb(225 175 204 / 27%) 100%);
    padding: 15px;
    border-radius: 20px;
    position: relative;
}
.webinar-header .close {
    display: grid;
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;
    padding: 0;
    /* background-image: -webkit-linear-gradient( 0deg, rgb(80 40 108 / 100%) 0%, rgb(184 59 123 / 100%) 100%);*/
    background-image: -webkit-linear-gradient( 0deg, rgb(0 86 123) 0%, rgb(255 108 0) 100%);
    border-radius: 50%;
    right: 10px;
    top: 10px;
    justify-content: center;
    align-items: center;
    align-content: center;
    color: #fff;
}
.modal-header.webinar-header {
    justify-content: flex-start;
    align-items: center;
    /* background-image: -webkit-linear-gradient( 0deg, rgb(113 170 255 / 100%) 0%, rgb(225 175 204 / 100%) 100%);*/
    background-image: -webkit-linear-gradient( 0deg, rgb(113 170 255 / 100%) 0%, rgb(232 159 122) 100%);
}
.webinar-header .viewers {
    font-size: 16px;
    font-weight: 600;
    color: #663ed1;
    padding-top: 5px;
}
.webinar_modal .modal-body {
    /* background-image: -webkit-linear-gradient( 0deg, rgb(113 170 255 / 100%) 0%, rgb(225 175 204 / 100%) 100%);*/
    background-image: -webkit-linear-gradient( 0deg, rgb(113 170 255 / 100%) 0%, rgb(232 159 122) 100%);
}
.webinar_modal .video_section {
    display: flex;
    flex-wrap: wrap;
}
.webinar_modal .video_section .video_container {
    flex: 0 0 auto;
    width: calc(100% - 70px);
}
.webinar_modal .video_section .actions_container {
    flex: 0 0 auto;
    width: 70px;
    /* background-color: rgb(184 59 123 / 50%);*/
    background-color: rgb(255 108 0 / 50%);
}
.webinar_video {
    position: relative;
    width: 100%;
/*    height: 100%;*/
}
.webinar_video .bnr-vid {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 2;
}
/*.webinar_video object {
    width: 100%;
    height: auto;
    aspect-ratio: 1/0.565;
    z-index: 2;
    position: relative;
}*/
.webinar_video .bnr-vid .videoplayerappmain.video-autoplay {
    position: relative !important;
}
.webinar_video .bnr-vid iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1/0.5625;
    position: relative !important;

}
.webinar_video .videobg_text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: grid;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #b83b7b;
    z-index: 1;
}
.webinar_video .bnr-vid .video-autoplay-overlay-image {
    width: 100% !important;
    left: 0px !important;
    right: 0px !important;
    margin: -86px auto !important;
    color: #ffce1d !important;
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-duration: 1s;
    animation-fill-mode: both;

}
.action_btns {
    font-size: 30px;
    width: 100%;
    height: 58px;
    margin: 10px 0px;
    outline: none !important;
    box-shadow: none !important;
    color: #fff;
}
.action_btns:hover, .action_btns:focus, .action_btns:active {
    color: #623cd0;
}
.video_container .mybutton a {
    padding: 1% 6%;
}
.webinar-header .stream_status {
    /*position: absolute;
    bottom: 10px;
    left: 5px;*/
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: red;
    z-index: 3;
    transition: all 0.15s ease-in-out;
/*    animation: blinkMe 2s linear infinite;*/
}

/*@keyframes blinkMe {
    0%{
        transform: scale(0);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}*/

@media(min-width: 500px) {
    .d-xs-none {
        display: none !important;
    }
    .d-xs-block {
        display: block !important;
    }
}
@media(max-width: 991px) {
    .action_btns {
        font-size: 20px;
        height: 37px;
    }
    .webinar_callToAction {
        bottom: 117px;
    }
}
@media(max-width: 767px) {
    .webinar_callToAction {
        bottom: 67px;
        display: none;
    }
}
@media(max-width: 600px) {
    .webinar_callToAction {
        bottom: 117px;
    }
}
@media(max-width: 499px) {
    .webinar_callToAction {
        right: 5px;
    }
    .webinar_modal .video_section .video_container {
        width: 100%;
    }
    .webinar_modal .video_section .actions_container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .action_btns {
        width: 20% !important;
        flex: 0 0 auto;
        margin: 0;
    }
    .webinar_modal .video_section .mybutton {
        text-align: center;
        margin: auto;
    }
}
/* ****** Zendesk Chat Widget ****** */
iframe#launcher {
    z-index: 999999 !important;
    bottom: 100px !important;
}
@media(max-width: 1500px) {
    iframe#launcher {
        bottom: 0px !important;
    }
}
@media(max-width: 1070px) {
    iframe#launcher {
        bottom: 120px !important;
    }
}
iframe#webWidget {
    z-index: 9999999 !important;
}
/*@media(max-width: 991px) {
    iframe#launcher {
        bottom: 70px !important;
    }
}*/
@media(max-width: 767px) {
    iframe#launcher {
        bottom: 55px !important;
    }
}
@media(max-width: 600px) {
    iframe#launcher {
        bottom: 105px !important;
    }
}
@media(max-width: 460px){
    /*iframe#launcher {
        bottom: 160px !important;
    }*/
    iframe#webWidget {
        max-width: 100%;
    }
}
/* **** Tooltip Styling **** */
.custom_tootlip {
    position: relative;
    display: inline-block;
}
.custom_tootlip:after {
    content: attr(data-title);
    display: none;
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 15px 5px 5px;
    border-radius: 3px;
    z-index: 1;
    max-width: 150px;
    width: 150px;
    font-size: 14px;
    font-weight: 300;
    white-space: break-spaces;
    font-family: 'Roboto';
    line-height: 1.2;
    z-index: 9;
}
.custom_tootlip:hover::after {
  display: block;
  top: 85%;
  left: 50%;
  transform: translateX(-50%);
}
/*@media(max-width: 410px) {
    .custom_tootlip:hover::after {
        left: 17%;
        transform: translateX(-65%);
    }
}*/
@media(max-height: 680px) {
    .webinar_modal .modal-dialog {
        max-width: 800px;
    }
}
@media(max-height: 620px) {
    .webinar_modal .modal-dialog {
        max-width: 650px;
    }
}
@media(max-height: 525px) {
    .webinar_modal .modal-dialog {
        max-width: 500px;
    }
}
.webinar_video .bnr-vid .autoplayer-overlay {
    display: block;
}

.webinar_video .bnr-vid.videoPlaying .autoplayer-overlay {
    display: none !important;
}
.simplePlay-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
}
.simplePlay-overlay .autoplayer-overlay-content {
    margin: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
.simplePlay-overlay .autoplayer-overlay-content .overlaybars {
    width: 100%;
    height: 70px;
    background-color: rgb(255 126 60);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 15px;
    opacity: 0;
    font-size: 30px !important;
    color: #fff;
    font-weight: 900;
}
.videoPlaying .simplePlay-overlay .autoplayer-overlay-content .overlaybars {
    opacity: 0;
}
.videoPaused .simplePlay-overlay .autoplayer-overlay-content .overlaybars {
    opacity: 1;
}
.simplePlay-overlay .autoplayer-overlay-content .overlay-icon {
    width: 60px;
    height: 60px;
    margin: auto;
}
.simplePlay-overlay .autoplayer-overlay-content .overlay-icon.playing {
    opacity: 0;
}
.simplePlay-overlay:hover .autoplayer-overlay-content .overlay-icon.playing {
    opacity: 1;
}
.videoPlaying .simplePlay-overlay .autoplayer-overlay-content .overlay-icon.playing, .videoPaused .simplePlay-overlay .autoplayer-overlay-content .overlay-icon.paused {
    display: block !important;
}
.videoPaused .simplePlay-overlay .autoplayer-overlay-content .overlay-icon.playing, .videoPlaying .simplePlay-overlay .autoplayer-overlay-content .overlay-icon.paused {
    display: none !important;
}
@media(max-width: 767px) {
    .simplePlay-overlay .autoplayer-overlay-content .overlay-icon {
        width: 40px;
        height: 40px;
    }
    .simplePlay-overlay .autoplayer-overlay-content .overlaybars {
        height: 40px;
        padding: 5px 15px;
        font-size: 18px;
    }
}

/* *** Webinar Video Overlay *** */
.webinar_video .bnr-vid .autoplayer-overlay {
    display: block;
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
}
.webinar_video .autoplayer-overlay-background {
    position: absolute;
    background-color: #00000080;
    opacity: .6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.webinar_video .autoplayer-overlay-content.mute_icon {
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-align: center;
    font-size: 30px !important;
    font-weight: 900;
    color: #ffce1d !important;
    font-family: 'Arial';
    transition: all 0.25s ease-in-out;
    transform: scale(1.0);
    animation: flashme linear 1s infinite;
}
@-webkit-keyframes flashme {
    0% { opacity: 1; transform: scale(1.0); } 
    50% { opacity: .1; transform: scale(1.1); } 
    100% { opacity: 1; transform: scale(1.0); }
}
@keyframes flashme {
    0% { opacity: 1; transform: scale(1.0); } 
    50% { opacity: .1; transform: scale(1.1); } 
    100% { opacity: 1; transform: scale(1.0); }
}
.webinar_video .animated.infinite {
    animation-iteration-count: infinite;
}
.webinar_video .pulse {
    animation-name: pulse;
}
.webinar_video .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
@-webkit-keyframes pulse {
    0% { opacity: 1; transform: scale(1.0); } 
    50% { opacity: .1; transform: scale(1.1); } 
    100% { opacity: 1; transform: scale(1.0); }
}
@keyframes pulse {
    0% { transform: scale3d(1,1,1); } 
    50% { transform: scale3d(1.05,1.05,1.05); } 
    100% { transform: scale3d(1,1,1); }
}
.webinar_video .autoplayer-overlay-content>img {
    max-width: 25%;
    max-height: 25%;
}
@media(max-width: 767px) {
    .webinar_video  .autoplayer-overlay-content.mute_icon, .simplePlay-overlay .autoplayer-overlay-content .overlaybars {
        font-size: 20px !important;
    }
}