/*Home Page Slide background Image desktop and mobile*/

@media screen and (min-width:768px) {
    .homeMobBanner { display: none; }
}

@media screen and (max-width:767px) {
    /*.homeMobBanner { max-width: 98%; margin-top: 2%; margin-bottom: 20px; }
    .homeMobBanner + .loginTxt { margin-bottom: 2%; }
    .home_style3 .homeMobBanner { margin-top: 80px; }
    .home_style10 .homeMobBanner { margin-top: 45px; }*/

    .homeMobBgShown .ucHome [class*='fix-'],
    .homeMobBgShown .ucHome .fix-12-12 { max-width: 100% !important; }
    .homeMobBgShown .ucHome .container .wrap { padding: 0px!important; padding-bottom: 30px !important; vertical-align: top; }
    .homeMobBgShown .ucHome .fade-3 .content { background: transparent; }
    .homeMobBgShown .ucHome .homeMobBanner { max-width: 100%; margin-top: 0px; margin-bottom: 0px; font-size: 0px; }
    .homeMobBgShown .ucHome .homeMobBanner img { width: 100%; }
    .homeMobBgShown .ucHome .loginTxt,
    .homeMobBgShown .ucHome .editorDiv { margin-bottom: 0px; max-width: 100% !important; margin-left: 0% !important; border: none; padding: 30px; }
    .homeMobBgShown .ucHome .editorDiv { padding-top: 20px; padding-bottom: 0px; }
    .homeMobBgShown .ucHome .fix-5-12 .button { margin-top: 15px; margin-left: 30px; }
}

.popup { font-family: "OCE Medium"; position: fixed; top: 0; right: 0; width: 100%; height: 100%; color: #fff; z-index: 1000; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

.popup:not([class*="fade-"]) { background: rgba(0, 0, 0, 0.47); /*  background:rgba(3, 169, 244, 0.75);*/ }

.popup .content { overflow-y: auto; }

.popupContent { position: relative; }

.popupContent h1 { font-size: 18px; }

.popupShown .popup.visible { display: block; -webkit-animation: fadeIn 0.75s; animation: fadeIn 0.75s; }

.popupShown .popup.visible:not(.animated) .popupContent { -webkit-animation: zoomOut 0.5s 0.25s backwards; animation: zoomOut 0.5s 0.25s backwards; }

.popupShown .slow .popup.visible { -webkit-animation: fadeIn 1.25s; animation: fadeIn 1.25s; }

.popupShown .slow .popup.visible:not(.animated) .popupContent { -webkit-animation: zoomOut 1s 0.25s backwards; animation: zoomOut 1s 0.25s backwards; }


.popupShown .fast .popup.visible { -webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; }
.popupShown .fast .popup.visible .popupContent { -webkit-animation: zoomOut 0.5s 0.25s backwards; animation: zoomOut 0.5s 0.25s backwards; }

.popup .close { position: absolute; top: 4px; right: 4px; cursor: pointer; padding: 14px; font-size: 0; opacity: 0.8; z-index: 1050; -webkit-transition: 0.25s; transition: 0.25s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

.popup .close.left { right: inherit; left: 0; }

.popup .close:hover { opacity: 1; }

.popup .close svg { width: 20px; height: 20px; fill: #333; }


.popup.white .close svg { fill: #303030; }

.popup .close.closeButton { margin: 14px; display: inline-block; position: relative; font-size: 18px; line-height: 0; border-radius: 3px; padding: 13px 20px; height: 20px; box-sizing: content-box; border: none; outline: none; overflow: hidden; white-space: nowrap; -webkit-appearance: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; font-family: "Source Sans Pro", sans-serif; color: #fff; background: #303030; text-decoration: none; vertical-align: top; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.popup .close.closeButton.round { padding-left: 18px !important; padding-right: 18px !important; }

.popup .close.closeButton svg { vertical-align: sub; width: 20px; height: 20px; fill: #fff; position: relative; left: -4px; margin-right: 4px; }

.popup .close.closeButton.white svg { fill: #303030; }









.popup .wrap { padding: 18px 58px; }
.popup .wrap.spaces { padding: 58px; }

.popup.fullscreen .wrap { padding: 0; }

.popup.fullscreen .embedVideo { height: 100vh; padding-bottom: 0; }






.formlabelmain { display: none; width: 100%; margin-top: 0px; margin-bottom: 0px; font-size: 14px; }




/*CUSTOM SIDEBAR (POPUP TO SIDEBAR) */
.sidebar.popSidebar { background: #FFF!important; width: 480px; max-width: 90%; }
.sidebar.popSidebar .popHead { display: none!important; }
.sidebar.popSidebar .grid [class*='col-'] { max-width: 100%!important; padding: 0px !important; }
.sidebar.popSidebar .popupContent .pad { padding: 0px!important; border: none !important; border-radius: 0px; }
.sidebar.popSidebar .form-group { margin-bottom: 16px; }
.sidebar.popSidebar h3 { margin: auto !important; margin-bottom: 7px !important; font-size: 18px; font-family: 'OCE ExtraBold', sans-serif; }
.sidebar.popSidebar .close { right: 15px; }
.sidebar.popSidebar .close svg { width: 20px; height: 20px; fill: #3e3e3e; }
.sidebar.popSidebar input[type="text"],
.sidebar.popSidebar select,
.sidebar.popSidebar input[type="name"],
.sidebar.popSidebar input[type="email"],
.sidebar.popSidebar input[type="password"],
.sidebar.popSidebar input[type="tel"],
.sidebar.popSidebar textarea { background: #f4f4f4; padding: 10px 18px 10px; font-family: "OCE Bold", sans-serif; border: none; font-size: 14px; text-align: left!important; color: #444444; border-radius: 3px; width: 100%; border: 1px solid #ccc !important; font-weight: normal; /*-webkit-box-shadow: 0 0 0 1px rgba(41,41, 41, 0.2) inset; box-shadow: 0 0 0 1px rgba(41,41, 41, 0.2) inset;*/ }

.sidebar.popSidebar select:focus,
.sidebar.popSidebar textarea:focus,
.sidebar.popSidebar input[type="text"]:focus,
.sidebar.popSidebar input[type="name"]:focus,
.sidebar.popSidebar input[type="email"]:focus,
.sidebar.popSidebar input[type="password"]:focus,
.sidebar.popSidebar input[type="tel"]:focus { outline: none; box-shadow: none; }

.sidebar.popSidebar label.formlabelmain { font-size: 12px; /*font-family: 'OCE ExtraBold',arial;*/ opacity: .5; margin: 0px auto 6px; color: #303030!important; }
.sidebar.popSidebar select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-color: #f4f4f4; background-repeat: no-repeat; background-position: center right 0px; background-image: url(../images/arrow-down-small.png); padding-right: 30px; white-space: nowrap; text-overflow: ellipsis; }
.sidebar.popSidebar .form-group:after { content: ""; display: block; clear: both; }
.sidebar.popSidebar .button { text-align: center; }
.sidebar.popSidebar .button.inArrow { padding: 19px; border-radius: 0px; /*font-family: 'OCE Bold';*/ text-transform: uppercase; font-size: 14px; }
.sidebar.popSidebar .button.inArrow svg { vertical-align: middle; margin-left: 10px; display: none; }
.sidebar.popSidebar ul.cstmCheck,
.sidebar.popSidebar .cstmCheck ul { margin-bottom: 0px; }
.colHalf { /*width: 50%!important; float: left;*/ }
.sidebar.popSidebar .dateTime .colHalf { width: 50%!important; float: left; }
.sidebar.popSidebar .form-group.colHalf { width: 100%; float: none; }
.sidebar.popSidebar .grid.fixedSpaces { margin-left: 0px!important; margin-right: 0px!important; }

.sidebar.popSidebar .covidBox .cstmCheck li { min-width: calc(33.33% - 16px); }
.sidebar.popSidebar .covidBox .cstmCheck li:nth-child(3n) { margin-right: 0px; }
.sidebar.popSidebar .dvApptSubType { border-top: 1px dashed #ccc; margin-top: 5px; padding-top: 5px; }

.sidebar.popSidebar ul { line-height: normal; font-size: 0; }

.sidebar.popSidebar .grid.dateTime { margin-left: -8px; margin-right: -8px; }
.sidebar.popSidebar .grid.dateTime [class*='col-'] { padding-left: 8px !important; padding-right: 8px !important; }

.sidebar.popSidebar .grid.dateTime .cstmCheck { margin: auto; }
.sidebar.popSidebar .grid.dateTime .cstmCheck li { margin-top: 7px; margin-bottom: 7px; }

.sidebar.top { top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(0%); transform: translateY(-100%); width: 100%; max-width: 100%; height: auto; }
.sidebar.left { left: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.sidebar.right { right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.sidebarShown .sidebar.shown.top { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; visibility: visible; }
.sidebarShown .sidebar.shown.left { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; visibility: visible; }
.sidebarShown .sidebar.shown.right { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; visibility: visible; }
.sidebar.popSidebar .button svg { height: 20px; }
.sidebar.popSidebar .button { color: #FFF!important; text-align: center; }
.sidebar.popSidebar .content { padding: 28px !important; }
.sidebar.popSidebar .wrap { vertical-align: top!important; overflow: visible; }
.sidebar.popSidebar .popupContent > .left { padding-left: 0px; }

.sidebar.popSidebar .content,
.sidebar.popSidebar.right .content { padding-right: 86px!important; }
.sidebar.popSidebar.left .content { padding-left: 86px!important; padding-right: 28px !important; }



.sidebar.popSidebar .pad p { font-size: 14px; color: #5d5d5d; }
.popupContent .thnkPopup .thnkText { line-height: 1.8; }

/*CUSTOM SIDEBAR (POPUP TO SIDEBAR) */

.checkBlock { margin: 15px auto 10px; padding: 0px 10px; clear: both; }
.checkBlock:after,
.checkBlock .form-group:after { clear: both; display: block; content: ""; }
.checkBlock p { margin-bottom: 0px!important; font-size: 13px; text-align: center; font-family: 'OCE Bold', Arial; }
.checkBlock a { display: inline-block!important; font-size: 14px; }
.checkBlock .enqry-checkbox { margin: auto; text-align: center; }
.checkBlock .control-label { margin: 15px auto; margin-right: 20px; color: #2e2e2e; cursor: pointer; display: inline-block; font-size: 0px; text-align: left; }
.checkBlock .control-label:focus { outline: none; }
.checkBlock .control-label label { display: inline-block!important; margin: 0px; cursor: pointer; font-family: 'OCE Bold', Arial; font-size: 14px; vertical-align: middle; color: #303030; margin-top: 3px; }
.checkBlock .control-label input { margin: 0px 8px 0px 0px!important; display: inline-block!important; margin-left: 0px!important; cursor: pointer; vertical-align: middle; -webkit-appearance: none!important; -moz-appearance: none!important; -ms-appearance: none!important; -o-appearance: none!important; appearance: none!important; width: 20px!important; height: 20px!important; background-color: #fff; border: 1px solid #555; border-radius: 3px; font-size: 0; }
.checkBlock .control-label input::-ms-expand { display: none; }
.checkBlock .control-label input:focus { outline: none; }
.checkBlock .control-label input:checked { background-color: #fff; background-image: url(../../Content/images/form-check.png); background-repeat: no-repeat; background-position: center; }


.mdl_request .checkBlock p { /*font-size: 12px; margin-top: 10px!important;*/ }
.homePOP .checkBlock p { margin-bottom: 0px !important; font-size: 13px; }
.sidebarShown .panel.ucheader6, .sidebarShown .panel.ucheader6 .sections { opacity: 0!important; }

.sidebar.popSidebar .wrap { padding: 0px!important; }
.sidebar.popSidebar .cstmCheck li > label { color: #000!important; }

.popupContent .pad.thnkPopup .ultimateDiv { }

body .sidebar.popSidebar .errorCSS { border-color: #ffafaf !important; background-color: rgba(255, 0, 0, 0.08); }
.mandatory { font-size: 19px; display: inline-block; line-height: 1; vertical-align: bottom; color: #ff0000; text-align: center; padding-left: 5px; }
.aspNetDisabled { cursor: not-allowed !important; opacity: 0.7; }

.ucHomeBody .sidebar.popSidebar { right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 1; visibility: visible; }
.ucHomeBody .sidebar.popSidebar.visible { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }


@media screen and (min-width:768px) and (max-width:1199px) {
    .popupContent .thnkPopup { padding: 15% 5% !important; }
    .popupContent .thnkPopup .formheader { font-size: 22px; }
    .popupContent .thnkPopup .thnkText { font-size: 20px; }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .sidebar.popSidebar .wrap { padding: 0px!important; }
}

@media screen and (max-width:767px) {
    .sidebar.popSidebar .wrap { padding: 0px!important; }
    .popupContent .pad.thnkPopup { background: #FFF!important; color: #303030!important; padding: 20px!important; border-radius: 4px!important; }
    .sidebar.popSidebar { max-width: 100%!important; }
}

@media screen and (min-width:320px) and (max-width:599px) {
    .sidebar.popSidebar .content, .sidebar.popSidebar.right .content { padding-right: 20px!important; }
    .sidebar.popSidebar .content { padding: 20px !important; padding-top: 55px !important; }
    .sidebar.popSidebar.left .content { padding-left: 20px!important; }


    .sidebar.popSidebar .covidBox .cstmCheck li:nth-child(3n) { margin-right: 20px; }
    .sidebar.popSidebar .interest-img img { width: 50%!important; }
}

@media screen and (min-width:320px) and (max-width:359px) {
    .checkBlock .control-label { margin-right: 10px!important; }
}

.cd-modal-action { text-align: center; }
.mt-3, .my-3 { margin-top: 1rem!important; }
.mb-0, .my-0 { margin-bottom: 0!important; }


/*Sidebar to Popup*/
.formsPopup.popup h3{ font-size: 18px;}
.formsPopup.popup .grid.fixedSpaces > [class*='col-'], .popup .grid.fixedSpaces [class*='col-'] { padding-left: 10px; padding-right: 10px; }
.formsPopup.popup .pad { border-radius: 8px!important; box-shadow: 0 4px 12px rgb(0 0 0 / 50%)!important; padding: 3%!important; color: #303030!important; background: #fff!important; overflow: hidden!important; }
.formsPopup.popup .button { }
.formsPopup.popup .button.actionButton svg,
.formsPopup.popup .button svg { width: 25px; height: 22px; fill: #fff !important; margin-left: 15px; vertical-align: middle; position: initial!important; }
.formsPopup.popup .form-group { margin-bottom: 15px; }
.formsPopup.popup .cstmCheck li > label span input { position: absolute; opacity: 0; cursor: pointer; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto !important; z-index: 9; }
.formsPopup.popup .cstmCheck.radio li > label span label { border-radius: 50%; }
.formsPopup.popup .bonus-choice { margin-top: 20px; }
.formsPopup.popup .cstmCheck li > label span label { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 20px; height: 20px; background-color: #fff; border: 1px solid #9e9e9e; border-radius: 5px; margin: 0px 5px 0px 0px; cursor: pointer; position: relative; vertical-align: middle; float: left; font-size: 0px; text-align: left; }
.formsPopup.popup .cstmCheck input:checked + label:after { content: ""; border: none; width: 10px; height: 10px; border-radius: 50%; background-color: #0075b5; top: 4px; left: 4px; display: block; background-color: #3D3B5C!important; position: absolute; }
.formsPopup.popup .cstmCheck.radio li { display: inline-block; margin-right: 10px; font-size: 14px; position: relative; }
.formsPopup.popup .formlabelmain { display: block; width: 100%; margin-top: 0px; margin-bottom: 0px; font-size: 12px; min-height: 20px; letter-spacing:0.9px; }
.formsPopup.popup.popSidebar select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-color: #f4f4f4; background-repeat: no-repeat; background-position: center right 0px; background-image: url(../images/arrow-down-small.png); padding: 8px 15px; padding-right: 30px; white-space: nowrap; text-overflow: ellipsis; border-radius: 3px; color: #242424; font-weight: 600; border: 1px solid #d3d3d3!important; min-height: 40px; margin-top: 0px; background-size: unset; box-shadow: none; font-size: 13px!important; font-family: 'OCE Bold', Arial; }
.formsPopup.popup button, .formsPopup.popup .button { font-family: 'OCE Medium'; border-radius: 99px!important; padding: 12px 22px; color: #fff; border: none; outline: none; text-decoration: none; background: #303030; font-size: 16px; font-weight: 500; vertical-align: top; cursor: pointer; overflow: hidden; -webkit-backface-visibility: hidden; position: relative; white-space: nowrap; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-box-shadow: inset 0 -100px 0 rgb(41 41 41 / 0%); box-shadow: inset 0 -100px 0 rgb(41 41 41 / 0%); -webkit-appearance: none; margin-bottom: 20px; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; -webkit-transition: 0.25s; transition: 0.25s; }
.popAnimated.formsPopup.popup .popupContent .pad .cd-modal-action .button { font-weight: bold; font-size: 15px; width: 360px; max-width: 100%; padding-top: 15px; padding-bottom: 15px; margin-top: 0px; margin-bottom: 12px; text-transform: uppercase; font-family: 'OCE Medium'; border-radius: 99px!important; }



.formsPopup .popupContent h1 { font-size: 18px; font-family: 'OCE Bold'; }
.formsPopup .popup .close svg { width: 20px; height: 20px; fill: #333; }
form .formsPopup.popup input[type="text"], form .popup input[type="name"], form .popup input[type="email"], form .popup input[type="password"], form .popup input[type="tel"], form .formsPopup.popup textarea { font-family: 'OCE Medium'!important; border: 1px solid #d3d3d3!important; font-size: 14px!important; text-align: left!important; background: #f4f4f4!important; padding: 10px 18px 10px!important; margin: 0px; min-height: 40px; }
.formsPopup.popup .container .wrap { vertical-align: middle; }
.formsPopup.popup .grid.dateTime { margin-left: -10px; margin-right: -10px; }
.formsPopup.popup .close { position: absolute!important; top: 4px; right: 4px; cursor: pointer; padding: 14px; font-size: 0; opacity: 0.8; z-index: 1050; -webkit-transition: 0.25s; transition: 0.25s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.formsPopup.popup .close svg { width: 20px; height: 20px; fill: #333!important; }

/*Sidebar to Popup*/
.bonus-choice .inputGroup { background-color: #fff; display: block; margin: 4px 0; position: relative; }
.bonus-choice .inputGroup li { position: relative; }

.bonus-choice h4 { font-size: 12px; font-family: 'OCE ExtraBold',arial; opacity: .5; margin: 0px auto 6px; color: #303030!important; text-align: left; }
.bonus-choice .inputGroup label { padding: 16px 50px 16px 16px; width: 100%; display: block; text-align: left; color: #3C454C; cursor: pointer; position: relative; z-index: 2; transition: color 200ms ease-in; overflow: hidden; font-size: 14px; font-family: 'OCE ExtraBold'; border-radius: 4px; background: #eaf6ff; }
.bonus-choice .inputGroup label:before { width: 10px; height: 10px; border-radius: 50%; content: ""; background-color: #133d7e; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale3d(1, 1, 1); transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; z-index: -1; }
.bonus-choice .inputGroup label:after { width: 32px; height: 32px; content: ""; border: 2px solid #D1D7DC; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E "); background-repeat: no-repeat; background-position: 2px 3px; border-radius: 50%; z-index: 2; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer; transition: all 200ms ease-in; }
.bonus-choice .inputGroup input:checked ~ label { color: #fff; }
.bonus-choice .inputGroup input:checked ~ label:before { transform: translate(-100%, -100%) scale3d(100, 100, 1); opacity: 1; }
.bonus-choice .inputGroup input:checked ~ label:after { background-color: #4caf50; border-color: #90e093; }
.bonus-choice .inputGroup input { width: 32px; height: 32px; order: 1; z-index: 2; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); cursor: pointer; visibility: hidden; }