/* fontface start */ @font-face { font-family: 'Poppins'; src: url("../fonts/poppins/Poppins-Bold.eot"); src: url("../fonts/poppins/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/Poppins-Bold.woff2") format("woff2"), url("../fonts/poppins/Poppins-Bold.woff") format("woff"), url("../fonts/poppins/Poppins-Bold.ttf") format("truetype"), url("../fonts/poppins/Poppins-Bold.svg#Poppins-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../fonts/poppins/Poppins-Medium.eot"); src: url("../fonts/poppins/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/Poppins-Medium.woff2") format("woff2"), url("../fonts/poppins/Poppins-Medium.woff") format("woff"), url("../fonts/poppins/Poppins-Medium.ttf") format("truetype"), url("../fonts/poppins/Poppins-Medium.svg#Poppins-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Poppins'; src: url("../fonts/poppins/Poppins-Regular.eot"); src: url("../fonts/poppins/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/Poppins-Regular.woff2") format("woff2"), url("../fonts/poppins/Poppins-Regular.woff") format("woff"), url("../fonts/poppins/Poppins-Regular.ttf") format("truetype"), url("../fonts/poppins/Poppins-Regular.svg#Poppins-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } /* fontface end */ /**************************************************************** common style start ****************************************************************/ /**************************************************************** common style end test ****************************************************************/ .disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .webinar { padding: 0; margin: 0; font-size: 18px; font-weight: normal; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga','kern'; color: #000000; margin-top: -187px !important; /*dev style start*/ /*dev style start*/ } .webinar *, .webinar *:before, .webinar *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .webinar .loaderSnipper path { fill: var(--primary); } .webinar .error { color: red; } .webinar .required.error { border: 1px solid red !important; } .webinar .inputWrapm label { font-weight: 600; } .webinar label > span { color: red; margin: 0 4px; } .webinar .tooltips { position: relative; display: inline; } .webinar .tooltips span { font-size: 12px; line-height: 1.3; position: absolute; color: #FFFFFF; background: #000000; padding: 5px 10px; max-width: 140px; border-radius: 6px; text-align: center; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .6s, margin-left .2s, margin-top .2s, -webkit-transform .3s; transition: opacity .6s, margin-left .2s, margin-top .2s, -webkit-transform .3s; transition: transform .3s, opacity .6s, margin-left .2s, margin-top .2s; transition: transform .3s, opacity .6s, margin-left .2s, margin-top .2s, -webkit-transform .3s; } .webinar .tooltips span:after { content: ''; position: absolute; width: 0; height: 0; } .webinar .tooltips span img { max-width: 140px; } .webinar .tooltips[tooltip-position="top"] span { margin-left: 10px; } .webinar .tooltips[tooltip-position="top"] span:after { top: 100%; left: 50%; margin-left: -8px; border-top: 8px solid black; border-right: 8px solid transparent; border-left: 8px solid transparent; } .webinar .tooltips[tooltip-position="bottom"] span { left: 50%; top: 100%; margin-top: 8px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .webinar .tooltips[tooltip-position="bottom"] span:after { bottom: 100%; left: 50%; margin-left: -8px; border-bottom: 8px solid black; border-right: 8px solid transparent; border-left: 8px solid transparent; } .webinar .tooltips[tooltip-position="left"] span { margin-top: 30px; } .webinar .tooltips[tooltip-position="left"] span:after { top: 50%; left: 100%; margin-top: -8px; border-left: 8px solid black; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .webinar .tooltips[tooltip-position="right"] span { margin-top: 30px; } .webinar .tooltips[tooltip-position="right"] span:after { top: 50%; right: 100%; margin-top: -8px; border-right: 8px solid black; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .webinar .tooltips:hover span { visibility: visible; opacity: 1; z-index: 999; filter: alpha(opacity=100); } .webinar .inner-container { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .webinar .inner-container { max-width: 540px; } } @media (min-width: 768px) { .webinar .inner-container { max-width: 720px; } } @media (min-width: 992px) { .webinar .inner-container { max-width: 960px; } } @media (min-width: 1200px) { .webinar .inner-container { width: 1600px; max-width: 100%; } } .webinar h1 { font-size: 40px; } .webinar a { text-decoration: none !important; } .webinar a:hover, .webinar a:focus { outline: none !important; text-decoration: none !important; } .webinar path { -webkit-transition: inherit; transition: inherit; } .webinar hr { border: none !important; margin: 20px 0 !important; border-bottom: 1px dashed #ddd !important; } .webinar hr:before, .webinar hr:after { display: none !important; } .webinar input[type="checkbox"]:checked::before { margin: 0.0125rem 0 0 -0.05rem; } .webinar button { text-decoration: none; } .webinar button:hover, .webinar button:focus { text-decoration: none; outline: none; } .webinar .custom-select { display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-size: 14px; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/selectArrowDown.svg); background-size: 12px; background-repeat: no-repeat; background-position: center right 13px; padding-right: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .webinar .custom-select:focus { outline: none; } .webinar .d-none { display: none; } .webinar .bg-box { background-size: cover; background-position: center right; background-repeat: no-repeat; background-color: #126e82; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .webinar .siteWrapper { width: 100% !important; max-width: 100% !important; } .webinar .innerBanner { position: relative; padding: 70px 0; margin: 0; color: #fff; width: 100% !important; max-width: 100% !important; min-height: 500px;} .webinar .innerBanner .bg-box { z-index: 0; } .webinar .innerBanner h1 { font-size: 5.4rem; } .webinar .flex-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .webinar.siteWrapper { background-color: #ffffff; width: 100% !important; max-width: 100% !important; } @media (max-width: 767px) { .webinar .heading-box h2 { font-size: 20px; } } .webinar .tabInfoMain { padding: 60px 0; background-color: #ffffff; } .webinar .tabInfoMain .innerWrap { max-width: 1000px; margin: 0 auto; } .webinar .tabInfoMain h4 { font-size: 20px; } .webinar .tabAccordion-box { font-size: 14px; } .webinar .tabAccordion-box .resp-tabs-list { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .webinar .tabAccordion-box .resp-tabs-list .resp-tab-item { padding: 10px 20px; margin: 0; list-style: none; cursor: pointer; position: relative; border: none !important; background-color: transparent !important; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; font-weight: bold; } .webinar .tabAccordion-box .resp-tabs-list .resp-tab-item:before, .webinar .tabAccordion-box .resp-tabs-list .resp-tab-item:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: var(--primary); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition: -webkit-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out; z-index: 2; } .webinar .tabAccordion-box .resp-tabs-list .resp-tab-item:after { background-color: whitesmoke; -webkit-transform: scaleX(1); transform: scaleX(1); z-index: 1; } .webinar .tabAccordion-box .resp-tabs-list .resp-tab-item.resp-tab-active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .webinar .tabAccordion-box .resp-accordion { font-size: 14px; padding: 20px; margin: 0; cursor: pointer; position: relative; padding-right: 30px; margin-bottom: 8px; } .webinar .tabAccordion-box .resp-accordion .resp-arrow { position: absolute; right: 10px; width: 15px; height: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(../images/ui-icons_444444_256x240.png); background-position: -87px -5px; background-size: 330px; } .webinar .tabAccordion-box .resp-accordion.resp-tab-active { background-color: whitesmoke !important; } .webinar .tabAccordion-box .resp-accordion.resp-tab-active .resp-arrow { background-image: url(../images/ui-icons_444444_256x240.png); background-position: -2px -5px; } .webinar .tabAccordion-box .resp-tab-content { display: none; padding: 20px 0; } .webinar .tabAccordion-box .resp-tab-content.resp-tab-content-active { display: block; } .webinar .tabAccordion-box .resp-tab-content h1, .webinar .tabAccordion-box .resp-tab-content h2, .webinar .tabAccordion-box .resp-tab-content h3, .webinar .tabAccordion-box .resp-tab-content h4, .webinar .tabAccordion-box .resp-tab-content h5, .webinar .tabAccordion-box .resp-tab-content h5 { margin-top: 0; margin-bottom: 5px; } .webinar .tabAccordion-box .resp-tab-content h3 { font-size: 25px; } .webinar .tabAccordion-box .resp-tab-content .selectdate { margin: 20px 0; margin-left: auto; width: 200px; } .webinar .tabAccordion-box .resp-tab-content .list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin: 20px 0; } .webinar .tabAccordion-box .resp-tab-content .list-group .list-group-item { position: relative; display: block; padding: .75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .webinar .tabAccordion-box .resp-tab-content .list-group .list-group-item + .list-group-item { border-top-width: 0; } .webinar .tabAccordion-box .resp-tab-content .speakersDetail { display: none; } .webinar .tabAccordion-box .resp-tab-content .speakersDetail .innerWrap { display: -webkit-box; display: -ms-flexbox; display: flex; border: none; } @media (max-width: 767px) { .webinar .tabAccordion-box .resp-tab-content .speakersDetail .innerWrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .webinar .tabAccordion-box .resp-tab-content .speakersDetail .img-info { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 768px) { .webinar .tabAccordion-box .resp-tab-content .speakersDetail .img-info { padding-right: 20px; } } .webinar .tabAccordion-box .resp-tab-content .speakersDetail .img-box { width: 90px; height: 90px; margin: 0 auto; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 20px; -webkit-transition: all .6s ease; transition: all .6s ease; cursor: pointer; background-color: #999999; } .webinar .tabAccordion-box .resp-tab-content .speakersDetail .img-box:hover { -webkit-box-shadow: inset 0 0 0 3px var(--primary); box-shadow: inset 0 0 0 3px var(--primary); } .webinar .tabAccordion-box .resp-tab-content .speakersDetail .info-box h4 { margin: 0; margin-bottom: 0px; } .webinar .tabAccordion-box .resp-tab-content .speakersDetail .social-links ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .webinar .tabAccordion-box .resp-tab-content .speakersDetail .social-links ul li { padding: 10px; } .webinar .tabAccordion-box .resp-tab-content .speakersDetail .social-links ul li a { -webkit-transition: all .6s ease; transition: all .6s ease; } .webinar .tabAccordion-box .resp-tab-content .speakersDetail .social-links ul li a:hover { opacity: .8; } .webinar .tabAccordion-box .resp-tab-content .speakersDetail .social-links img { width: 20px; vertical-align: top; } .webinar .tabAccordion-box .resp-tab-content .speakerslist .list-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .webinar .tabAccordion-box .resp-tab-content .speakerslist .list-box .item-box { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 150px; flex: 0 1 150px; text-align: center; margin: 20px 0; } .webinar .tabAccordion-box .resp-tab-content .speakerslist .list-box .img-box { width: 90px; height: 90px; margin: 0 auto; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 20px; -webkit-transition: all .6s ease; transition: all .6s ease; cursor: pointer; background-color: #999999; } .webinar .tabAccordion-box .resp-tab-content .speakerslist .list-box .img-box:hover { -webkit-box-shadow: inset 0 0 0 3px var(--primary); box-shadow: inset 0 0 0 3px var(--primary); } .webinar .tabAccordion-box .resp-tab-content .speakerslist .list-box .info-box h4 { margin: 0; margin-bottom: 0px; } .webinar .tabAccordion-box .resp-tab-content .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; margin: 20px 0; } .webinar .tabAccordion-box .resp-tab-content .input-group .input-group-prepend { margin-right: -3px; display: -webkit-box; display: -ms-flexbox; display: flex; } .webinar .tabAccordion-box .resp-tab-content .input-group .input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 13px; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem; } .webinar .tabAccordion-box .resp-tab-content .input-group .custom-select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 768px) { .webinar .tabAccordion-box .resp-tabs-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .webinar .tabAccordion-box .resp-accordion { display: none; } } .webinar .formMainBox { width: 100%; margin: auto; padding: 50px 0; background-color: #ffffff; } .webinar .formMainBox input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #a3abb8; } .webinar .formMainBox input:-ms-input-placeholder { /* IE 10+ */ color: #a3abb8; } .webinar .formMainBox input::-ms-input-placeholder { color: #a3abb8; } .webinar .formMainBox input::placeholder { color: #a3abb8; } .webinar .formMainBox select, .webinar .formMainBox input:not([type="submit"]), .webinar .formMainBox input:not(.formCheckInput) { width: 100%; padding: 12px 15px; color: #000000;} .webinar .formMainBox input[type="checkbox"] { width: auto; position: relative; width: 20px; height: 20px; padding: 0; top: -1px; } .webinar .formMainBox input[type="checkbox"]:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } + .webinar .formMainBox input[type="checkbox"]:checked:before { margin: 0.0125rem 0 0 -0.15rem; } .webinar .formMainBox input[type="radio"] { width: auto; position: relative; width: 20px; height: 20px; padding: 0; } .webinar .formMainBox select { background-image: url(../images/selectArrowDown.svg); background-size: 15px; background-repeat: no-repeat; background-position: center right 13px; padding-right: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } .webinar .formMainBox .checkoutInfo .button, .webinar .formMainBox .button, .webinar .formMainBox input[type="submit"], .webinar .formMainBox button { padding: 15px; background-color: var(--primary); color: #ffffff !important; border: 1px solid var(--primary); border-radius: 5px; outline: none; font-size: 16px; font-weight: bold; cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease; } .webinar .formMainBox .checkoutInfo .button:hover, .webinar .formMainBox .button:hover, .webinar .formMainBox input[type="submit"]:hover, .webinar .formMainBox button:hover { background-color: var(--primaryHover); border-color: var(--primaryHover); } .webinar .formMainBox .checkoutInfo .button:focus, .webinar .formMainBox .button:focus, .webinar .formMainBox input[type="submit"]:focus, .webinar .formMainBox button:focus { padding: 15px; background-color: #004775; color: #ffffff !important; border: 1px solid #004775; border-radius: 5px; outline: none; font-size: 16px; font-weight: bold; cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease;} .coupon a.button:focus{background-color: #004775; color: #ffffff !important; border: 1px solid #004775;outline: none; font-size: 16px; font-weight: bold; cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease; } .webinar .formMainBox .formRadio { margin: 7px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .webinar .formMainBox .formRadio .error { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-left: 10px; display: inline-block; } .webinar .formMainBox .formRadio .formRadioLabel { padding-left: 10px; position: relative; margin: 0; cursor: pointer; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .webinar .formMainBox .formRadio .formRadioLabel:before { display: none; content: ""; position: absolute; left: 2px; top: 2px; border-radius: 100%; width: 13px; height: 13px; background-color: var(--primary); -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .webinar .formMainBox .formRadio .formRadioInput { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 0; margin-left: 0; } .webinar .formMainBox .formRadio .formRadioInput:checked + .formRadioLabel:before { -webkit-box-shadow: inset 0 0 0 3px #fff, 0 0 0 2px var(--primary); box-shadow: inset 0 0 0 3px #fff, 0 0 0 2px var(--primary); } .webinar .formMainBox .inline-view { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .webinar .formMainBox .inline-view > label { width: 100%; display: block; margin: 3px 0; } .webinar .formMainBox .inline-view .formRadio { padding-right: 20px; } .webinar .formMainBox .formCheck { margin: 7px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .webinar .formMainBox .formCheck label.error { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-left: 10px; display: inline-block; } .webinar .formMainBox .formCheck .formCheckLabel { padding-left: 10px; position: relative; margin: 0; cursor: pointer; font-weight: normal; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .webinar .formMainBox .formCheck .formCheckLabel:before { display: none; content: ""; position: absolute; left: 2px; top: 2px; border-radius: 2px; width: 13px; height: 13px; background-color: transparent; -webkit-box-shadow: 0 0 0 2px var(--primary); box-shadow: 0 0 0 2px var(--primary); -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .webinar .formMainBox .formCheck .formCheckLabel:after { display: none; content: ""; position: absolute; left: 2px; top: 2px; width: 13px; height: 13px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); opacity: 0; background-size: 80%; background-repeat: no-repeat; background-position: center; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .webinar .formMainBox .formCheck .formCheckInput { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .webinar .formMainBox .formCheck .formCheckInput:checked + .formCheckLabel:before { background-color: var(--primary); } .webinar .formMainBox .formCheck .formCheckInput:checked + .formCheckLabel:after { opacity: 1; } .webinar .formMainBox .submitBox { margin: 40px 0 0; } @media (min-width: 768px) { .webinar .formMainBox .columns { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .webinar .formMainBox .columns .inputWrap { padding: 0 10px; } } .webinar .formMainBox .inputWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 13px; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .webinar .formMainBox .inputWrap.half { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } @media (max-width: 767px) { .webinar .formMainBox .inputWrap.half { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .webinar .formMainBox .inputWrap.full { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .webinar .formMainBox .inputWrap label { font-size: 13px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 5px 0; margin-bottom: 10px; font-weight: bold; } @media (max-width: 767px) { .webinar .formMainBox .inputWrap label { font-size: 13px; } } .webinar .formMainBox .inputWrap.labelHide > label { visibility: hidden; display: none; } .webinar .attendeeForm .innerWrap { max-width: 1000px; margin: 0 auto; border: 1px solid #eee; } .webinar .attendeeForm .heading-box { background-color: #eee; padding: 20px; } .webinar .attendeeForm .heading-box h2 { margin: 0; text-align: center; } .webinar .attendeeForm .addOther { padding: 10px 20px; margin-bottom: 30px; text-align: center; } .webinar .attendeeForm .addOther button { background-color: transparent; color: var(--primary); } .webinar .attendeeForm .addOther button:hover { background-color: var(--primary); color: #fff; text-decoration: none; } .webinar .attendeeForm .addOther.dataAdded { text-align: left; } .webinar .attendeeForm .footer-box { background-color: #eee; padding: 20px; } .webinar .attendeeForm .footer-box button { width: 100%; max-width: 200px; } @media (max-width: 575px) { .webinar .attendeeForm .footer-box button { max-width: 100%; } } .webinar .attendeeForm .formWrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -20px; padding: 20px; } @media (max-width: 991px) { .webinar .attendeeForm .formWrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .webinar .attendeeForm .formWrap h4 { margin-top: 0; font-size: 23px; } .webinar .attendeeForm .formWrap .col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 20px; } .webinar .attendeeForm .formWrap .formBox { padding-top: 20px; } .webinar .attendeeForm .formWrap .attendeeList { padding-top: 20px; } @media (max-width: 991px) { .webinar .attendeeForm .formWrap .attendeeList { margin-bottom: 40px; } } .webinar .attendeeForm .formWrap .attendeeList .itemBox { font-size: 13px; background-color: #ffffff; padding: 20px; border: 1px solid #eee; -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; } .webinar .attendeeForm .formWrap .attendeeList .itemBox h3 { margin: 0 0 6px; font-size: 20px; } .webinar .attendeeForm .formWrap .attendeeList .itemBox p { margin: 0 0; } .webinar .attendeeForm .formWrap .attendeeList .itemBox .actionGroup { padding-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .webinar .attendeeForm .formWrap .attendeeList .itemBox .actionGroup button { background-color: transparent; border: none; padding: 5px 3px; margin: 5px 3px; text-indent: -300px; width: 30px; overflow: hidden; background-size: 20px; background-repeat: no-repeat; background-position: center; -webkit-transition: all .6s ease; transition: all .6s ease; } .webinar .attendeeForm .formWrap .attendeeList .itemBox .actionGroup button.edit-button { background-image: url(../images/icon_edit.svg); } .webinar .attendeeForm .formWrap .attendeeList .itemBox .actionGroup button.delete-button { background-image: url(../images/icon_delete.svg); } .webinar .attendeeForm .formWrap .attendeeList .itemBox .actionGroup button:hover { opacity: .7; } .webinar .attendeeForm .submitBox input { max-width: 200px; } .webinar .stickySection { padding: 60px 0; } .webinar .checkoutBox { font-size: 15px; } .webinar .checkoutBox .inner-wrap { width: 100%; max-width: 990px; margin: 0 auto; padding: 0 20px; } .webinar .checkoutBox .buttonBox .button { text-transform: inherit; font-size: 16px; width: 200px; } @media (max-width: 575px) { .webinar .checkoutBox .buttonBox .button { width: 100%; } } .webinar .checkoutBox .checkoutHeading { text-align: center; margin-bottom: 30px; position: relative; max-width: 950px; margin: 0 auto; } .webinar .checkoutBox .checkoutHeading .backButton { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 35px; height: 35px; border: 2px solid #000000; border-radius: 50%; cursor: pointer; -webkit-transition: all .6s; transition: all .6s; } .webinar .checkoutBox .checkoutHeading .backButton:hover { background-color: #eeeeee; } .webinar .checkoutBox .checkoutHeading .backButton span { width: 100%; height: 100%; display: block; text-indent: -300px; overflow: hidden; background-image: url(../images/back-button.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; } .webinar .checkoutBox .checkoutHeading .inner-wrap { padding: 10px 0; background-color: #fff; border-bottom: 1px solid #ddd; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .webinar .checkoutBox .checkoutHeading .inner-wrap .headingText { width: 100%; max-width: 80%; } .webinar .checkoutBox .checkoutHeading .inner-wrap .totalPrice { display: none; } .webinar .checkoutBox .checkoutHeading .inner-wrap .totalPrice .text { font-size: 16px; font-weight: bold; text-align: right; } .webinar .checkoutBox .coulumnWrap { display: block; max-width: 1170px; float: none; margin: 0 auto; padding: 0; position: relative; } .webinar .checkoutBox .coulumnWrap:after, .webinar .checkoutBox .coulumnWrap:before { content: ' '; display: table; } .webinar .checkoutBox .coulumnWrap:after { clear: both; } @media (min-width: 992px) { .webinar .checkoutBox .coulumnWrap { padding: 0; } } @media (max-width: 991px) { .webinar .checkoutBox .coulumnWrap { overflow: hidden; } } .webinar .checkoutBox .formMainBox { padding: 0; margin: 0; float: left; width: 60%; } @media (max-width: 991px) { .webinar .checkoutBox .formMainBox { width: 100%; padding: 30px 0 0; } } .webinar .checkoutBox .formMainBox .address-form-box .button-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .webinar .checkoutBox .formMainBox .address-form-box .button { min-width: 100px; } .webinar .checkoutBox .formMainBox .address-form-box #backButton { margin-right: auto; } .webinar .checkoutBox .productCalclation { position: static; width: 40%; display: block; float: right; padding-left: 35px; } @media (max-width: 991px) { .webinar .checkoutBox .productCalclation { width: 100%; padding: 0; position: fixed; left: 0; z-index: 990; bottom: 0; -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); } } .webinar .checkoutBox .productCalclation .mobileStrip { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 8px 0; background-color: #ffffff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; z-index: 100; } .webinar .checkoutBox .productCalclation .mobileStrip .intro { max-width: 80%; } .webinar .checkoutBox .productCalclation .mobileStrip .intro .heading { font-size: 16px; font-weight: bold; } @media (max-width: 767px) { .webinar .checkoutBox .productCalclation .mobileStrip .intro .heading { font-size: 14px; } } .webinar .checkoutBox .productCalclation .mobileStrip .cartdButton { width: 60px; height: 40px; position: relative; cursor: pointer; margin-left: auto; } .webinar .checkoutBox .productCalclation .mobileStrip .cartdButton:after { content: ''; position: absolute; right: 7px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 12px; height: 12px; background-image: url(../images/selectArrowDown.svg); background-size: 10px; background-repeat: no-repeat; background-position: center; } .webinar .checkoutBox .productCalclation .mobileStrip .cartdButton .icon { background-image: url(../images/cartIcon.svg); background-repeat: no-repeat; background-size: 25px; background-position: center; display: block; position: absolute; top: 0; left: 0; width: 40px; height: 40px; } .webinar .checkoutBox .productCalclation .mobileStrip .cartdButton.is-active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 6px 3px; transform-origin: 6px 3px; } @media (max-width: 991px) { .webinar .checkoutBox .productCalclation .mobileStrip { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 20px; } } .webinar .checkoutBox .productCalclation .mobileStrip.is-sticky { border-bottom-width: 2px; } .webinar .checkoutBox .productCalclation .calclationWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #eeeeee; width: 100%; padding: 15px; border-radius: 10px; } @media (max-width: 991px) { .webinar .checkoutBox .productCalclation .calclationWrap { opacity: 0; visibility: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: fixed; top: 0px; left: 0; width: 100%; padding: 15px; max-width: 440px; background-color: #ffffff; height: 100%; max-height: 100vh; overflow-y: auto; z-index: 200; pointer-events: none; -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.07); box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.07); border: 1px solid #eeeeee; -webkit-transition: opacity .2s, visibility .2s, -webkit-transform .6s; transition: opacity .2s, visibility .2s, -webkit-transform .6s; transition: transform .6s, opacity .2s, visibility .2s; transition: transform .6s, opacity .2s, visibility .2s, -webkit-transform .6s; border-radius: 0; } } @media (max-width: 575px) { .webinar .checkoutBox .productCalclation .calclationWrap { max-width: calc(100% - 100px); } } .webinar .checkoutBox .productCalclation .calclationWrap .headingText { width: 100%; margin-bottom: 10px; } .webinar .checkoutBox .productCalclation .calclationWrap .headingText h3 { font-size: 16px; margin: 0; margin-bottom: 5px; } .webinar .checkoutBox .productCalclation .calclationWrap .headingText p:last-of-type { margin-bottom: 0; } .webinar .checkoutBox .productCalclation .calclationWrap .img-box { position: relative; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; min-height: 180px; margin-top: 0px; } .webinar .checkoutBox .productCalclation .calclationWrap .img-box figure { margin: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .webinar .checkoutBox .productCalclation .calclationWrap .dataWrap { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 10px; } .webinar .checkoutBox .productCalclation .calclationWrap .info-box { -webkit-box-flex: 1; -ms-flex: 1 0 60%; flex: 1 0 60%; display: none; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-flex-line-pack: baseline; align-content: baseline; background-color: #ffffff; } .webinar .checkoutBox .productCalclation .calclationWrap .info-box .orderSummary hr { margin: 8px 0 !important; } .webinar .checkoutBox .productCalclation .calclationWrap .info-box .orderSummary h3 { margin: 0 0 10px; font-size: 15px; } .webinar .checkoutBox .productCalclation .calclationWrap .info-box .orderSummary small { display: inline-block; } .webinar .checkoutBox .productCalclation .calclationWrap .info-box .heading { font-size: 16px; font-weight: bold; } .webinar .checkoutBox .productCalclation .calclationWrap .info-box .itemRow { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; } .webinar .checkoutBox .productCalclation .calclationWrap .info-box .itemRow .itemCell { width: 65%; } .webinar .checkoutBox .productCalclation .calclationWrap .info-box .itemRow .itemCell:nth-child(2n) { width: 35%; text-align: right; } .webinar .checkoutBox .productCalclation .calclationWrap .info-box .itemRow .itemCell small { display: inline-block; line-height: 1.4; } .webinar .checkoutBox .productCalclation .calclationWrap .info-box .itemRow .text { font-size: 14px; } @media (max-width: 767px) { .webinar .checkoutBox .productCalclation .calclationWrap .info-box .itemRow .text { font-size: 12px; } } .webinar .checkoutBox .productCalclation .calclationWrap .info-box .total { line-height: 1.1; } .webinar .checkoutBox .productCalclation .calclationWrap .info-box .total .text { font-size: 16px; font-weight: bold; display: inline-block; margin-bottom: 3px; } @media (max-width: 767px) { .webinar .checkoutBox .productCalclation .calclationWrap .info-box .total .text { font-size: 13px; } } @media (max-width: 991px) { .webinar .checkoutBox .productCalclation.cartOpen .calclationWrap { opacity: 1; visibility: visible; pointer-events: fill; -webkit-transform: translateX(0%); transform: translateX(0%); } .webinar .checkoutBox .productCalclation.cartOpen + .formMainBox { opacity: .5; } } .webinar .checkoutBox .pickTickets hr { margin: 10px 0 0 !important; } .webinar .checkoutBox .pickTickets p:last-of-type { margin-bottom: 0; } .webinar .checkoutBox .pickTickets .promoCode .inputWrap { max-width: 300px; } .webinar .checkoutBox .pickTickets .ticketCardWrap { display: -ms-grid; display: grid; grid-gap: 20px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; padding-bottom: 20px; } @media (max-width: 480px) { .webinar .checkoutBox .pickTickets .ticketCardWrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .webinar .checkoutBox .pickTickets .ticketCard { border-radius: 10px; background-color: #fff; border: 1px solid #eee; overflow: hidden; -webkit-transition: all .6s; transition: all .6s; } .webinar .checkoutBox .pickTickets .ticketCard .cardHeading { width: 100%; min-height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 20px; background-color: #fea82f; } .webinar .checkoutBox .pickTickets .ticketCard .cardHeading .ticket-title { font-size: 18px; font-weight: bold; color: #ffffff; } .webinar .checkoutBox .pickTickets .ticketCard:nth-child(2n) .cardHeading { background-color: #da7f8f; } .webinar .checkoutBox .pickTickets .ticketCard:nth-child(3n) .cardHeading { background-color: #00adb5; } .webinar .checkoutBox .pickTickets .ticketCard:nth-child(4n) .cardHeading { background-color: #907fa4; } .webinar .checkoutBox .pickTickets .ticketCard .card-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 15px; } .webinar .checkoutBox .pickTickets .ticketCard .card-content .card-title { max-width: 80%; } .webinar .checkoutBox .pickTickets .ticketCard .card-content .card-title .ticket-price { font-weight: bold; font-size: 14px; } .webinar .checkoutBox .pickTickets .ticketCard .card-content .card-title .ticket-price.free { color: #179C55; } .webinar .checkoutBox .pickTickets .ticketCard .card-content .quantitySelector { width: 100%; max-width: 90px; margin-left: 20px; } .webinar .checkoutBox .pickTickets .ticketCard .card-content .quantitySelector select { padding: 6px; background-size: 12px; } .webinar .checkoutBox .pickTickets .ticketCard .card-secondory-content { padding: 10px 15px 15px; font-size: 13px; } .webinar .checkoutBox .pickTickets .ticketCard .card-secondory-content .ticket-status { color: #95a3b1; } .webinar .checkoutBox .pickTickets .ticketCard .card-secondory-content .ticketInfo { margin-top: 10px; } .webinar .checkoutBox .pickTickets .buttonBox { padding: 20px 0; text-align: right; } .webinar .checkoutBox .pickTickets .buttonBox .button { width: 200px; text-align: center; border-radius: 30px; } .webinar .checkoutBox .pickTickets .buttonBox.button-disabled { pointer-events: none; } .webinar .checkoutBox .pickTickets .buttonBox.button-disabled .button { background-color: #f8f7fa; color: #a9a8b3; border-color: #f8f7fa; } .webinar .checkoutBox .checkoutInfo a { color: var(--primary); text-decoration: underline !important; } .webinar .checkoutBox .checkoutInfo .termsInfo { margin-bottom: 20px; } @media (max-width: 767px) { .webinar .checkoutBox .checkoutInfo .termsInfo { font-size: 13px; } } @media (max-width: 767px) { .ticketbox .button-plus { margin-left:23px; } } @media (max-width: 767px) { .button-minus { margin-left:10px; } } .webinar .checkoutBox .checkoutInfo .termsInfo .termsBox { padding: 10px; background-color: #eee; margin-bottom: 20px; } .webinar .checkoutBox .checkoutInfo .contactInfo { margin: 30px 0; } .webinar .checkoutBox .checkoutInfo .contactInfo .heading { text-align: left; margin-bottom: 10px; } .webinar .checkoutBox .checkoutInfo .contactInfo .heading .titel-text { font-size: 18px; font-weight: bold; } .webinar .checkoutBox .checkoutInfo .registrationFormBox { margin: 30px 0; } .webinar .checkoutBox .checkoutInfo .formHeading { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .webinar .checkoutBox .checkoutInfo .ticketFormBox { margin: 0px 0px; } body .site-footer { z-index: 2; } .nsw-events-listing .entry-content { width: 100% !important; margin: auto !important; padding: 0 !important; max-width: 100% !important; } .nsw-events-listing .productList { position: relative; padding-bottom: 50px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nsw-events-listing .productList .filterSidebar { width: 100%; max-width: 380px; padding-right: 40px; } .nsw-events-listing .productList .filterSidebar .filter-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: -12px; } .nsw-events-listing .productList .filterSidebar .filter-header .filter-title { font-size: 1.5em; font-weight: bold; } .nsw-events-listing .productList .filterSidebar .filter-header .filter-button { background: none; outline: none; border: none; padding: 0; cursor: pointer; color: #000; font-size: 14px; } .nsw-events-listing .productList .filterSidebar .filter-header .filter-button:hover { text-decoration: underline !important; } .nsw-events-listing .productList .filterSidebar .filter-search { margin-top: 30px; padding: 0 !important; } .nsw-events-listing .productList .filterSidebar .filter-search .search-wrap { position: relative; } .nsw-events-listing .productList .filterSidebar .filter-search .search-btn { display: block; position: absolute; right: .6em; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2.1875rem; height: 2.1875rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTcgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cgk8cGF0aCBmaWxsPSIjNjg3NDc3IiBkPSJNMTYuMDkxODQ1MiwxNC44Mzk1NDMxIEwxMS43MzAxMjc4LDEwLjQ3NzgyNTYgQzEzLjU2NDA0MTksOC4wNjIzNTAxNyAxMy40OTMyNzM3LDQuNzAyMDg2MTkgMTEuNTU5Mjg5NiwyLjM2NTk2MzgxIEM5LjYyNTMwNTQ3LDAuMDI5ODQxNDE2NCA2LjMzNzMzMzczLC0wLjY2NzAyNTg0MyAzLjYyMTk0NTI0LDAuNjgzNjg3OTY4IEMwLjkwNjU1Njc1NiwyLjAzNDQwMTc4IC0wLjUyMTI3MjE0NSw1LjA3NzA0NjQ4IDAuMTc1MDg3ODU5LDguMDI4Nzk5MzggQzAuODcxNDQ3ODYyLDEwLjk4MDU1MjMgMy41MDg2NDE0NSwxMy4wNjQyMDEgNi41NDE0MTgwMiwxMy4wNTg4NDE5IEM4LjAxMDIzMDA3LDEzLjA2MTAzMDkgOS40MzU4Nzk3MSwxMi41NjIyODg4IDEwLjU4MzAwOTQsMTEuNjQ0OTUxOCBMMTQuOTM4MDU3NiwxNiBMMTYuMDkxODQ1MiwxNC44Mzk1NDMxIFogTTYuNTQxNDE4MDIsMTEuNTkxNjAxOSBDNC40OTAxMjQwOCwxMS41OTQyOTQ4IDIuNjM5NDM4NTYsMTAuMzYwMzQ0NSAxLjg1MzE5NTg2LDguNDY1NzEwOTEgQzEuMDY2OTUzMTYsNi41NzEwNzczIDEuNTAwMTgyMzgsNC4zODkzMzg4NiAyLjk1MDY2NzQ5LDIuOTM4ODUzNzUgQzQuNDAxMTUyNTksMS40ODgzNjg2NSA2LjU4Mjg5MTAzLDEuMDU1MTM5NDMgOC40Nzc1MjQ2NCwxLjg0MTM4MjEzIEMxMC4zNzIxNTgyLDIuNjI3NjI0ODMgMTEuNjA2MTA4NSw0LjQ3ODMxMDM1IDExLjYwMzQxNTYsNi41Mjk2MDQyOSBDMTEuNTk2MDgxNSw5LjMyMjIyNDIyIDkuMzM0MDM3OTUsMTEuNTg0MjY3NyA2LjU0MTQxODAyLDExLjU5MTYwMTkgTDYuNTQxNDE4MDIsMTEuNTkxNjAxOSBaIj48L3BhdGg+Cjwvc3ZnPgo=) no-repeat center center; } .nsw-events-listing .productList .filterSidebar .filter-search input { font-size: 1.5rem; line-height: 1.4; width: 100%; padding: 1em 1.2em; padding-right: 3em; border: 0; height: 50px; border-radius: .25rem; background-color: #ffffff !important; border: 1px solid #ddd; } .nsw-events-listing .productList .filterSidebar .filter-search input:focus { outline: none !important; border-color: #999; } .nsw-events-listing .productList .filterSidebar .filter-expander .expander-button { font-family: sans-serif; font-size: 16px; font-weight: 700; line-height: 1; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 50px; width: 100%; padding: 10px 0; border: 0; color: var(--primary); background: 0 0; outline: none; } .nsw-events-listing .productList .filterSidebar .filter-expander .expander-button .icon-box { height: 17px; width: 20px; fill: var(--primary); -webkit-transition: all .6s ease; transition: all .6s ease; } .nsw-events-listing .productList .filterSidebar .filter-expander .expander-button.is-active .icon-box { -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media (min-width: 1200px) { .nsw-events-listing .productList .filterSidebar .filter-expander .expander-button { display: none; } } .nsw-events-listing .productList .filterSidebar .filter-expander .button-box { padding: 30px 0; } @media (min-width: 1200px) { .nsw-events-listing .productList .filterSidebar .filter-expander .button-box { display: none; } } .nsw-events-listing .productList .filterSidebar .filter-expander .button-box .apply-button { padding: 8px 30px 8px; background-color: var(--primary); color: #fff; border: 1px solid var(--primary); outline: none !important; border-radius: 40px; } .nsw-events-listing .productList .filterSidebar .filter-option { margin-top: 30px; } .nsw-events-listing .productList .filterSidebar .filter-option .option-title { font-size: 1.15em; margin-bottom: 25px; font-weight: bold; } .nsw-events-listing .productList .filterSidebar .filter-option .checkboxes-list .checkbox-item { margin-top: 15px; } @media (max-width: 767px) { .nsw-events-listing .productList .filterSidebar .filter-option .checkboxes-list .checkbox-item { margin-top: 5px; } } .nsw-events-listing .productList .filterSidebar .filter-option .checkboxes-list .custome-checkbox { display: inline-block; } .nsw-events-listing .productList .filterSidebar .filter-option .checkboxes-list .custome-checkbox input[type="checkbox"] { display: none; } .nsw-events-listing .productList .filterSidebar .filter-option .checkboxes-list .custome-checkbox > label { cursor: pointer; position: relative; padding-left: 20px; -webkit-transition: all .6s ease; transition: all .6s ease; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } .nsw-events-listing .productList .filterSidebar .filter-option .checkboxes-list .custome-checkbox > label:before { content: ""; position: absolute; top: 50%; margin-top: -1px; left: 0; height: 8px; width: 8px; border-radius: 10px; background-color: transparent; -webkit-transform: scale(0.3) translateY(-50%); transform: scale(0.3) translateY(-50%); -webkit-transition: all .2s ease; transition: all .2s ease; } .nsw-events-listing .productList .filterSidebar .filter-option .checkboxes-list .custome-checkbox:hover { color: var(--primary); } .nsw-events-listing .productList .filterSidebar .filter-option .checkboxes-list .custome-checkbox:hover > label { color: var(--primary); } .nsw-events-listing .productList .filterSidebar .filter-option .checkboxes-list .custome-checkbox label.checked { color: var(--primary); } .nsw-events-listing .productList .filterSidebar .filter-option .checkboxes-list .custome-checkbox label.checked:before { background-color: var(--primary); -webkit-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); } .nsw-events-listing .productList .filterContent { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; position: relative; display: -ms-grid; display: grid; grid-gap: 40px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; padding-bottom: 90px; } @media (max-width: 1400px) { .nsw-events-listing .productList .filterContent { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .nsw-events-listing .productList .filterContent { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .nsw-events-listing .productList .filterContent.grid-view { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .nsw-events-listing .productList .filterContent.grid-view .pdct_item { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 2fr; grid-template-columns: 1fr 2fr; } .nsw-events-listing .productList .filterContent .no-record-found { grid-column: 1 / -1; font-size: 25px; margin-top: 50px; text-align: center; } .nsw-events-listing .productList .filterContent .pdct_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 10px 10px 60px rgba(210, 212, 214, 0.9); box-shadow: 10px 10px 60px rgba(210, 212, 214, 0.9); background-color: #fff; -webkit-transition: all .6s ease; transition: all .6s ease; border-radius: 15px; overflow: hidden; } .nsw-events-listing .productList .filterContent .pdct_item a:not(.pdct_btn) { border: none; } .nsw-events-listing .productList .filterContent .pdct_item:hover { -webkit-box-shadow: 6px 15px 40px 0 rgba(70, 70, 70, 0.5); box-shadow: 6px 15px 40px 0 rgba(70, 70, 70, 0.5); } .nsw-events-listing .productList .filterContent .pdct_item:hover .pdct_img figure:before { -webkit-clip-path: circle(200% at 50% 0); clip-path: circle(200% at 50% 0); } .nsw-events-listing .productList .filterContent .pdct_img .soldTag { display: none; } .nsw-events-listing .productList .filterContent .pdct_img.pdct_sold { position: relative; display: block; } .nsw-events-listing .productList .filterContent .pdct_img.pdct_sold .soldTag { position: absolute; z-index: 10; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: red; color: #fff; text-align: center; width: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: -70px; top: 20px; text-transform: uppercase; font-size: 12px; padding-top: 2px; } .nsw-events-listing .productList .filterContent .pdct_img.pdct_sold .tagImage { display: none; position: absolute; top: 0; left: 30px; z-index: 1; max-width: 58px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .nsw-events-listing .productList .filterContent .pdct_img figure { margin: 0; background-color: #f5f5f5; padding-bottom: 63%; position: relative; height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .nsw-events-listing .productList .filterContent .pdct_img figure:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #404647), color-stop(90%, #124061)); background-image: linear-gradient(to bottom, #404647 40%, #124061 90%); opacity: .8; -webkit-clip-path: circle(0 at 50% 0); clip-path: circle(0 at 50% 0); mix-blend-mode: multiply; -webkit-transition: -webkit-clip-path 1s ease-out; transition: -webkit-clip-path 1s ease-out; transition: clip-path 1s ease-out; transition: clip-path 1s ease-out, -webkit-clip-path 1s ease-out; } .nsw-events-listing .productList .filterContent .pdct_info { padding: 30px 25px; display: -ms-grid; display: grid; height: 100%; justify-items: start; } .nsw-events-listing .productList .filterContent .pdct_info a:not(.pdct_btn) { text-decoration: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .nsw-events-listing .productList .filterContent .pdct_info a:not(.pdct_btn):hover { color: var(--primary); } .nsw-events-listing .productList .filterContent .pdct_info .pdct_title { font-size: 20px; font-weight: bold; color: #000000; line-height: 1.2; } .nsw-events-listing .productList .filterContent .pdct_info .pdct_date { color: #000000; margin: 0px 0 10px; background: #c3ecf1; padding: 5px; border-radius: 15px; padding-right: 10px; padding-left: 10px;} .nsw-events-listing .productList .filterContent .pdct_info .pdct_author { font-size: 14px; margin-bottom: 15px; } .nsw-events-listing .productList .filterContent .pdct_info .pdct_author a { color: var(--primary); } .nsw-events-listing .productList .filterContent .pdct_info .pdct_author a:hover { text-decoration: underline !important; } .nsw-events-listing .productList .filterContent .pdct_info .status-location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; line-height: 1.4; } .nsw-events-listing .productList .filterContent .pdct_info .status-location .icon-box { width: 18px; height: 18px; margin-right: 10px; } .nsw-events-listing .productList .filterContent .pdct_info .status-location .icon-box path { fill: var(--primary); } .nsw-events-listing .productList .filterContent .pdct_info .status-location.is-online { color: var(--secondaryColor); line-height: 1; } .nsw-events-listing .productList .filterContent .pdct_info .status-location.is-online .icon-box path { fill: var(--secondaryColor); } .nsw-events-listing .productList .filterContent .pdct_info .pdct_buttonBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto; width: 100%; } .nsw-events-listing .productList .filterContent .pdct_info .pdct_link { color: #000000; font-size: 14px; -webkit-transition: all .6s ease; transition: all .6s ease; } .nsw-events-listing .productList .filterContent .pdct_info .pdct_link:hover { text-decoration: underline !important; } .nsw-events-listing .productList .filterContent .pdct_info .pdct_btn { padding: 5px 20px 6px; border: 2px solid var(--primary); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; margin: 0 auto; border-radius: 30px; background-color: var(--primary); color: #ffffff; line-height: 1.3; text-align: center; -webkit-transition: all .6s ease; transition: all .6s ease; } .nsw-events-listing .productList .filterContent .pdct_info .pdct_btn:hover, .nsw-events-listing .productList .filterContent .pdct_info .pdct_btn:focus { outline: none !important; text-decoration: none !important; background-color: var(--primaryHover); border-color: var(--primaryHover); } @media (max-width: 767px) { .nsw-events-listing .productList .filterContent .pdct_info .pdct_btn { font-size: 13px; } } .nsw-events-listing .productList .loadMore { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } @media (max-width: 1200px) { .nsw-events-listing .productList .loadMore { padding-left: 0; margin-left: 0; } } .nsw-events-listing .productList .loadMore .loadBtn { color: #ffffff; padding: 8px 30px; border: 2px solid var(--primary); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; border-radius: 30px; background-color: var(--primary); -webkit-transition: all .6s ease; transition: all .6s ease; text-decoration: none; } .nsw-events-listing .productList .loadMore .loadBtn:hover, .nsw-events-listing .productList .loadMore .loadBtn:focus { background-color: var(--primaryHover); border-color: var(--primaryHover); } @media (max-width: 767px) { .nsw-events-listing .productList .loadMore .loadBtn { font-size: 16px; } } .nsw-events-listing .productList .loadMore .loaderSnipper { position: absolute; top: 50%; margin-left: 100px; width: 40px; height: 40px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1199px) { .nsw-events-listing .productList { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .nsw-events-listing .productList .filterSidebar { max-width: 100%; padding-right: 0; } .nsw-events-listing .productList .filterSidebar .filter-expander { background: #eee; border: 1px solid #ddd; padding: 0 1.5rem; border-radius: .25rem; margin: 20px 0 40px; } .nsw-events-listing .productList .filterSidebar .filter-expander .expander-body { display: none; } } .nsw-events-listing .productListMain { width: 100% !important; max-width: 100% !important; padding: 40px 0 70px; position: relative; font-size: 16px; } @media (max-width: 767px) { .nsw-events-listing .productListMain .inner-container { padding: 0; } } .nsw-events-listing .productListMain .filterBox { margin-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } @media (max-width: 991px) { .nsw-events-listing .productListMain .filterBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .nsw-events-listing .productListMain .filterBox .flterHeading { width: auto; } @media (max-width: 767px) { .nsw-events-listing .productListMain .filterBox .flterHeading { width: 100%; } } .nsw-events-listing .productListMain .filterBox .flterHeading .filterNav { position: relative; margin-bottom: 0; overflow: visible; padding: 10px 0; } @media (max-width: 767px) { .nsw-events-listing .productListMain .filterBox .flterHeading .filterNav { padding-bottom: 0; } } .nsw-events-listing .productListMain .filterBox .flterHeading .filterList { margin: 0; padding: 0; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .nsw-events-listing .productListMain .filterBox .flterHeading .filterList .filter-item { list-style: none; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: inline-block; padding-left: 10px; padding-right: 10px; margin: 0; } @media (max-width: 1199px) { .nsw-events-listing .productListMain .filterBox .flterHeading .filterList .filter-item { padding-left: 6px; padding-right: 6px; } } .nsw-events-listing .productListMain .filterBox .flterHeading .filterList .filter-item:first-child { padding-left: 0 !important; } .nsw-events-listing .productListMain .filterBox .flterHeading .filterList .filter-item:last-child { padding-right: 0 !important; } .nsw-events-listing .productListMain .filterBox .flterHeading .filterList .filter-item .filterItem-btn { -webkit-appearance: button; cursor: pointer; background-color: transparent; background: transparent; color: #000; font-size: 14px; text-transform: none; background-color: var(--primary); border-radius: 20px; color: #fff; padding: 4px 12px 4px; line-height: 14px; -webkit-transition: all .6s ease; transition: all .6s ease; } .nsw-events-listing .productListMain .filterBox .flterHeading .filterList .filter-item .filterItem-btn span { white-space: nowrap; text-decoration: none; } .nsw-events-listing .productListMain .filterBox .flterHeading .filterList .filter-item.is-selected .filterItem-btn { background-color: var(--filterActive); } .nsw-events-listing .productListMain .filterBox .flterHeading .filterList .filter-item:hover .filterItem-btn { background-color: var(--primaryHover); } .nsw-events-listing .productListMain .filterBox .fiterSetting { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 20%; margin-left: auto; } @media (max-width: 991px) { .nsw-events-listing .productListMain .filterBox .fiterSetting { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } } .nsw-events-listing .productListMain .filterBox .fiterSetting .listCouter { text-align: right; } @media (max-width: 1199px) { .nsw-events-listing .productListMain .filterBox .fiterSetting .listCouter { text-align: center; margin-left: 0; } } @media (max-width: 991px) { .nsw-events-listing .productListMain .filterBox .fiterSetting .listCouter { text-align: center; } } .nsw-events-listing .productListMain .filterBox .fiterSetting .listCouter #total_page_events { font-weight: 700; } .webinar .eventDetailMain .shareWithSocial { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 750px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0 0; } @media (max-width: 991px) { .webinar .eventDetailMain .shareWithSocial { max-width: 100%; } } .webinar .eventDetailMain .shareWithSocial h5 { margin: 0; margin-top: 20px; margin-bottom: 10px; font-size: 17px; } @media (max-width: 767px) { .webinar .eventDetailMain .shareWithSocial h5 { font-size: 15px; } } .webinar .eventDetailMain .shareWithSocial .iconsWrap { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .webinar .eventDetailMain .shareWithSocial .icon-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; background-color: var(--detailBg); border-radius: 100%; margin-right: 10px; cursor: pointer; -webkit-transition: all .6s; transition: all .6s; } .webinar .eventDetailMain .shareWithSocial .icon-box:last-child { margin-right: 0; } .webinar .eventDetailMain .shareWithSocial .icon-box svg { width: 23px; height: 20px; display: inline-block; vertical-align: middle; } .webinar .eventDetailMain .shareWithSocial .icon-box svg path { fill: #fff; } .webinar .eventDetailMain .shareWithSocial .icon-box:hover { background-color: #fff; } .webinar .eventDetailMain .shareWithSocial .icon-box:hover svg path { fill: var(--detailBg); } .webinar .eventDetailMain .breadcrumb { line-height: 1.5384615385; margin: 0; padding: 0; font-size: 14px; } .webinar .eventDetailMain .breadcrumb a { color: #fff; text-decoration: none; } .webinar .eventDetailMain .breadcrumb li { display: inline-block; color: #fff; margin: 0; margin-right: 30px; position: relative; } .webinar .eventDetailMain .breadcrumb li:before { content: ""; position: absolute; width: 7px; height: 7px; border: 2px solid #fff; left: calc(100% + 5px); top: 50%; border-left: none; border-bottom: none; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); } .webinar .eventDetailMain .breadcrumb li:last-of-type { padding-right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 12.7em; vertical-align: top; } .webinar .eventDetailMain .breadcrumb li:last-of-type:before { display: none; } .webinar .eventDetailMain .banner-box { position: relative; min-height: 300px; padding: 155px 0 40px; color: #000000; z-index: 0; } .webinar .eventDetailMain .banner-box .bg-box { background-color: var(--detailBg); } @media (max-width: 1200px) { .webinar .eventDetailMain .banner-box { padding-top: 150px; } } @media (max-width: 767px) { .webinar .eventDetailMain .banner-box { padding-top: 120px; } } .webinar .eventDetailMain .banner-box .post-title { margin: 20px 0; letter-spacing: 0; font-size: 68px; line-height: 1.2; font-weight: 700; } @media (max-width: 1200px) { .webinar .eventDetailMain .banner-box .post-title { font-size: 44px; } } @media (max-width: 767px) { .webinar .eventDetailMain .banner-box .post-title { font-size: 35px; } } .webinar .eventDetailMain .banner-box .content-box { margin-top: 40px; max-width: 850px; padding-bottom: 40px; } @media (max-width: 1200px) { .webinar .eventDetailMain .banner-box .content-box { margin-top: 60px; } } @media (max-width: 991px) { .webinar .eventDetailMain .banner-box .content-box { text-align: center; padding-bottom: 0; } } .webinar .eventDetailMain .banner-box .workshop-detail-box { position: relative; z-index: 4; border-radius: 15px; overflow: hidden; color: #4b5457; background-color: #fff; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; margin-top: auto; margin-bottom: -167px; } @media (max-width: 991px) { .webinar .eventDetailMain .banner-box .workshop-detail-box { top: 0; border-radius: 15px; margin-bottom: -176px; } } .webinar .eventDetailMain .banner-box .workshop-detail-box__item { margin-bottom: 30px; } .webinar .eventDetailMain .banner-box .workshop-detail-box__item:last-of-type { margin-bottom: 0; } .webinar .eventDetailMain .banner-box .workshop-detail-box__body { padding: 20px; display: -ms-grid; display: grid; height: 100%; } .webinar .eventDetailMain .banner-box .workshop-detail-box__label { font-family: acumin-pro-wide,sans-serif; font-size: 11px; font-weight: bold; line-height: 1; text-transform: uppercase; display: block; margin-bottom: 8px; color: #98a3a1; } .webinar .eventDetailMain .banner-box .workshop-detail-box__value { display: block; font-weight: 700; color: var(--bannerBodyText); font-size: 18px; line-height: 1.3; } @media (max-width: 767px) { .webinar .eventDetailMain .banner-box .workshop-detail-box__value { font-size: 16px; } } .webinar .eventDetailMain .banner-box .workshop-detail-box__actions { margin-top: auto; } .webinar .eventDetailMain .banner-box .workshop-detail-box__actions .button { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 30px; height: 60px; text-align: center; color: #fff; background-color: var(--primary); } .webinar .eventDetailMain .banner-box .workshop-detail-box__actions .button:hover { background-color: var(--primaryHover); } @media (max-width: 767px) { .webinar .eventDetailMain .banner-box .workshop-detail-box__actions .button { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 30px; height: 60px; text-align: center; color: #fff; background-color: var(--primary); } } .webinar .eventDetailMain .banner-box .workshop-detail-box__small { font-size: 14px; line-height: 1.4; } .webinar .eventDetailMain .banner-box .workshop-detail-box .details-grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 100px; grid-template-columns: 1fr 100px; grid-gap: 30px; } @media (max-width: 991px) { .webinar .eventDetailMain .banner-box .workshop-detail-box .shareWithSocial { padding: 15px; text-align: center; } } .webinar .eventDetailMain .banner-box .workshop-detail-box .shareWithSocial h5 { margin-top: 10px; margin-bottom: 10px; } @media (max-width: 991px) { .webinar .eventDetailMain .banner-box .workshop-detail-box .shareWithSocial h5 { margin-top: 10px; } } @media (max-width: 991px) { .webinar .eventDetailMain .banner-box .workshop-detail-box .shareWithSocial .iconsWrap { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .webinar .eventDetailMain .banner-box .inner-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 35%; grid-template-columns: 1fr 35%; grid-gap: 50px; } @media (max-width: 991px) { .webinar .eventDetailMain .banner-box .inner-wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .webinar .eventDetailMain .detail-content-box .content-wrap { padding: 150px 130px 90px; } @media (max-width: 1199px) { .webinar .eventDetailMain .detail-content-box .content-wrap { padding: 130px 0 70px; } } .webinar .eventDetailMain .detail-content-box .content-wrap p { font-size: 16px; } .webinar .eventDetailMain .detail-content-box .workshop-section-box { position: relative; margin-bottom: 30px; } .webinar .eventDetailMain .detail-content-box .workshop-section-box__label { position: absolute; top: 4px; right: 100%; width: 120px; padding-right: 20px; text-align: right; font-size: 12px; font-weight: 700; letter-spacing: 1px; line-height: 1; text-transform: uppercase; margin-bottom: 10px; color: #98a3a1; } @media (max-width: 1199px) { .webinar .eventDetailMain .detail-content-box .workshop-section-box__label { right: inherit; position: relative; margin-bottom: 20px; text-align: left; } } .webinar .eventDetailMain .detail-content-box .workshop-section-box__content h1, .webinar .eventDetailMain .detail-content-box .workshop-section-box__content h2, .webinar .eventDetailMain .detail-content-box .workshop-section-box__content h3, .webinar .eventDetailMain .detail-content-box .workshop-section-box__content h4, .webinar .eventDetailMain .detail-content-box .workshop-section-box__content h5, .webinar .eventDetailMain .detail-content-box .workshop-section-box__content h6 { font-weight: bold; margin: 20px 0; } .webinar .eventDetailMain .detail-content-box .workshop-section-box__content h1 { font-size: 50px; } .webinar .eventDetailMain .detail-content-box .workshop-section-box__content h2 { font-size: 30px; } .webinar .eventDetailMain .detail-content-box .workshop-section-box__content h3 { font-size: 25; } .webinar .eventDetailMain .detail-content-box .workshop-section-box__content h4 { font-size: 20px; } .webinar .eventDetailMain .detail-content-box .workshop-section-box__content h5 { font-size: 16px; } .webinar .eventDetailMain .detail-content-box .workshop-section-box__content h6 { font-size: 14px; } .webinar .eventDetailMain .detail-content-box .workshop-section-box__content p { font-size: 16px; margin-bottom: 20px; word-break: break-word; } .webinar .eventDetailMain .detail-content-box .workshop-section-box__content ul, .webinar .eventDetailMain .detail-content-box .workshop-section-box__content ol { margin: 30px 0 30px 0; } .webinar .eventDetailMain .detail-content-box .workshop-section-box__content ul li, .webinar .eventDetailMain .detail-content-box .workshop-section-box__content ol li { font-size: 16px; } .webinar .eventDetailMain .detail-content-box .workshop-notice-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px; border: 2px solid #333; border-radius: 5px; } .webinar .eventDetailMain .detail-content-box .workshop-notice-box__body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1200px) { .webinar .eventDetailMain .detail-content-box .workshop-notice-box__body { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .webinar .eventDetailMain .detail-content-box .workshop-notice-box__title { font-size: 18px; font-weight: 700; line-height: 1.3333333333; margin-right: auto; color: #333; } .webinar .eventDetailMain .detail-content-box .workshop-notice-box__link { font-size: 14px; font-weight: 700; line-height: 1.4; color: #333; } .webinar .eventDetailMain .detail-content-box .workshop-location-box { max-width: 750px; margin-top: 100px; } .webinar .eventDetailMain .detail-content-box .workshop-location-box__map { width: 100%; height: 0; padding-bottom: 59.7135183527%; } .webinar .eventDetailMain .detail-content-box .workshop-location-box__unit--content { position: relative; min-height: 220px; background-color: var(--detailBg); } @media (min-width: 64em) { .webinar .eventDetailMain .detail-content-box .workshop-location-box__unit--content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 0; } } .webinar .eventDetailMain .detail-content-box .workshop-location-box__content { width: 52.808988764%; padding: 32px; } @media (max-width: 991px) { .webinar .eventDetailMain .detail-content-box .workshop-location-box__content { width: 100%; padding: 25px; } } .webinar .eventDetailMain .detail-content-box .workshop-location-box__label { font-size: 11px; font-weight: 700; letter-spacing: 1px; line-height: 1; text-transform: uppercase; margin-bottom: 8px; color: rgba(255, 255, 255, 0.5); } .webinar .eventDetailMain .detail-content-box .workshop-location-box__address { font-size: 21px; font-weight: 700; line-height: 1.4285714286; color: #fff; } @media (max-width: 767px) { .webinar .eventDetailMain .detail-content-box .workshop-location-box__address { font-size: 18px; } } .webinar .eventDetailMain .detail-content-box .workshop-location-box__actions { margin-top: 10px; } .webinar .eventDetailMain .detail-content-box .workshop-location-box__link { font-size: 15px; font-weight: 700; line-height: 1.4; color: #fff; } .webinar .eventDetailMain .detail-content-box .workshop-location-box__image { position: absolute; bottom: 0; right: 0; width: 47.191011236%; margin-top: -8.125rem; vertical-align: top; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 991px) { .webinar .eventDetailMain .detail-content-box .workshop-location-box__image { width: 100%; position: relative; margin-top: 0; } } /*booking style start*/ .select2-container .select2-dropdown { background-color: #f6f7f9; border: 1px solid #eee; } .select2-container .select2-search--dropdown { padding: 8px 6px; } .select2-container .select2-search--dropdown .select2-search__field { padding: 6px 10px; font-size: 13px; } .select2-container .select2-search--dropdown input[type="search"]:focus { outline: none; } .select2-container .select2-results__option { font-size: 13px; margin: 0; padding: 6px 18px; } .select2-container .select2-results__option--selected { background-color: var(--primary); color: #ffffff; } .select2-container .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--primaryHover); color: #ffffff; } #ui-id-1 { background: #fff; margin: 0; list-style: none; border-bottom: 1px solid #eee; -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2); max-width: calc(100vw - 58%); max-height: 300px; overflow-y: auto; } @media (max-width: 767px) { #ui-id-1 { max-width: calc(100vw - 20%); } } #ui-id-1 .ui-menu-item { padding: 8px 15px; cursor: pointer; border-bottom: 1px solid #eee; font-size: 14px; margin: 0; } #ui-id-1 .ui-menu-item:hover { background-color: #f5f5f5; } .webinar { /*booking style end*/ } .webinar table { margin: 20px 0 !important; font-size: 13px !important; } .webinar .select2 { display: block; } .webinar .select2 .select2-selection { height: inherit; font-weight: normal; width: 100%; padding: 8px; border-radius: 2px; outline: none; border: none; background: #F6F7F9; color: #000000; font-size: 14px; border: 1px solid #eee; } .webinar .select2 .select2-selection__arrow { top: 50%; right: 8px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(../images/selectArrowDown.svg); background-size: 15px; background-repeat: no-repeat; background-position: center center; } .webinar .select2 .select2-selection__arrow b { display: none; } .webinar #ticketUSerlist table { min-width: 698px !important; } @media (max-width: 767px) { .webinar #ticketUSerlist table { min-width: 100%; border-color: transparent; } .webinar #ticketUSerlist table tr:first-of-type { display: none; } .webinar #ticketUSerlist table .mobileRow { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; } } .webinar #ticketUSerlist table th.cl-ticket { width: 60px; } .webinar #ticketUSerlist table th.cl-pass { width: 210px; } .webinar #ticketUSerlist table th.cl-action { width: 60px; } .webinar #ticketUSerlist table .mobileLable { display: none; } @media (max-width: 767px) { .webinar #ticketUSerlist table .mobileLable { font-size: 14px; font-weight: 700; margin-bottom: 5px; } } .webinar .address-form-box h3 { font-size: 18px; margin: 20px 0 !important; margin-bottom: 10px !important; } .webinar .address-form-box .tableWrap { overflow: auto; border: 1px solid #eeeeee; border-radius: 10px; } .webinar .address-form-box table { border: none; min-width: 490px; border-color: #eee; } .webinar .address-form-box table select { padding: 6px 26px 6px 7px; background-size: 10px; background-position: center right 8px; } .webinar .address-form-box table th, .webinar .address-form-box table td { border: none; padding: 10px 7px; border-color: #040202; } @media (max-width: 1199px) { .webinar .address-form-box table th, .webinar .address-form-box table td { min-width: 110px; } } .webinar .address-form-box table tr:nth-child(odd) th, .webinar .address-form-box table tr:nth-child(odd) td { background-color: #f4f4f4; } .webinar .principalInfo { margin-bottom: 50px; border: 1px solid #eee; border-radius: 10px;} @media (max-width: 767px) { .webinar .principalInfo table { min-width: 100%; max-width: 100%; width: 100%; } } @media (max-width: 767px) { .webinar .principalInfo table th { display: none; } } .webinar .principalInfo table .mobileShow { display: none; } @media (max-width: 767px) { .webinar .principalInfo table .mobileShow { display: block; font-weight: 700; font-size: 14px; margin-bottom: 5px; } } .webinar .pickTickets .deletebtn { width: 30px; height: 30px; text-indent: -200px; overflow: hidden; margin: auto; display: block; background-image: url(../images/icon_delete_white.svg); background-size: 18px; background-repeat: no-repeat; background-position: center; } .webinar .stepnav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; padding: 20px 0; } .webinar .stepnav .stepnav-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 150px; text-align: center; padding: 15px 20px; background-color: var(--primary); color: #ffffff; border: none; outline: none; font-size: 16px; font-weight: bold; cursor: pointer; -webkit-transition: all .6s ease; transition: all .6s ease; position: relative; -webkit-clip-path: polygon(96% 0%, 100% 50%, 96% 100%, 0% 100%, 0% 50%, 0% 0%); clip-path: polygon(96% 0%, 100% 50%, 96% 100%, 0% 100%, 0% 50%, 0% 0%); } @media (max-width:560px) { .webinar .stepnav { flex-wrap: nowrap !important; } .webinar table { border: none !important; } } @media (max-width: 767px) { .webinar .stepnav .stepnav-item { padding: 10px; -webkit-clip-path: polygon(94% 0%, 100% 50%, 94% 100%, 0% 100%, 0% 50%, 0% 0%); clip-path: polygon(94% 0%, 100% 50%, 94% 100%, 0% 100%, 0% 50%, 0% 0%); } } .webinar .stepnav .stepnav-item:not(:first-child) { -webkit-clip-path: polygon(96% 0%, 100% 50%, 96% 100%, 0% 100%, 4% 50%, 0% 0%); clip-path: polygon(96% 0%, 100% 50%, 96% 100%, 0% 100%, 4% 50%, 0% 0%); } @media (max-width: 767px) { .webinar .stepnav .stepnav-item:not(:first-child) { -webkit-clip-path: polygon(94% 0%, 100% 50%, 94% 100%, 0% 100%, 6% 50%, 0% 0%); clip-path: polygon(94% 0%, 100% 50%, 94% 100%, 0% 100%, 6% 50%, 0% 0%); } } .webinar .checkoutBox.booking-box.confirPopup-open .deletPopup { opacity: 1; visibility: visible; pointer-events: fill; } .webinar .checkoutBox.booking-box.confirPopup-open .deletPopup .popup-Content { opacity: 1; -webkit-transition-delay: 0.4; transition-delay: 0.4; -webkit-transform: translateY(0); transform: translateY(0); } .webinar .checkoutBox.booking-box .bookingSuccessMassage { color: var(--secondaryColor); } .webinar .checkoutBox.booking-box .deletPopup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all .6s ease; transition: all .6s ease; } .webinar .checkoutBox.booking-box .deletPopup .bgBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); } .webinar .checkoutBox.booking-box .deletPopup .content-wrap { width: 100%; padding: 100px 20px; max-width: 1000px; margin: 0 auto; overflow-y: auto; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .webinar .checkoutBox.booking-box .deletPopup .popup-Content { width: 100%; max-width: 500px; margin: auto; background-color: #fff; padding: 30px; border-radius: 10px; -webkit-box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.2); -webkit-transition: all .6s ease; transition: all .6s ease; opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); } .webinar .checkoutBox.booking-box .deletPopup .popup-Content h4 { font-size: 18px; margin: 0; margin-bottom: 20px; } .webinar .checkoutBox.booking-box .deletPopup .popup-Content .action-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 30px; } .webinar .checkoutBox.booking-box .deletPopup .popup-Content .action-box .button { text-decoration: none !important; font-size: 12px; margin-left: 10px; padding: 10px 20px; } .webinar .checkoutBox.booking-box .stepwrap { padding: 30px; /* border: 1px solid red; */ max-width: 1170px; margin: 0 auto; /* background: #eee; */ -webkit-box-shadow: 2px 2px 24px 0px rgba(0, 0, 0, 0.09); box-shadow: 2px 2px 24px 0px rgba(0, 0, 0, 0.09); border-radius: 20px; } @media (max-width: 767px) { .webinar .checkoutBox.booking-box .stepwrap { padding: 20px; } } .webinar .checkoutBox.booking-box .coulumnWrap { max-width: 100%; } .webinar .checkoutBox.booking-box .pickTickets .ticketCardWrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .webinar .checkoutBox.booking-box .formMainBox { width: 100%; } .webinar .checkoutBox.booking-box .formMainBox .inner-wrap { max-width: 100%; } .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content .button-wrap .clBackButton { text-align: center; } @media (min-width: 992px) { .webinar .checkoutBox.booking-box .formMainBox .inner-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 991px) { .webinar .checkoutBox.booking-box .formMainBox .inner-wrap { padding: 0; } } @media (min-width: 991px) { .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .left-box { width: 60%; } } @media (min-width: 992px) { .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .right-box { width: 40%; } } .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .right-box .productCalclation { width: 100%; } .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content { width: 100%; } .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content .checkoutInfo .tableWrap { overflow: auto; } .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content .checkoutInfo .tableWrap table { border-color: #eee; } .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content .checkoutInfo .tableWrap table th, .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content .checkoutInfo .tableWrap table td { border-color: #eee; } .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content .checkoutInfo .tableWrap select { padding: 8px 15px; padding-right: 35px; background-size: 12px; background-position: center right 10px; } .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content .button-wrap { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content .button-wrap .clBackButton { margin-right: auto; padding: 15px 40px; border-radius: 30px; } @media (max-width: 480px) { .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content .button-wrap { display: block; } .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content .button-wrap .clBackButton { width: 100%; margin-bottom: 10px; } } .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content .buttonBox { padding: 0; } .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content .buttonBox .loaderSnipper { float: none !important; } @media (max-width: 575px) { .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content .buttonBox { width: 100% !important; } .webinar .checkoutBox.booking-box .formMainBox .inner-wrap .full-content .buttonBox .button { width: 100% !important; } } .webinar .checkoutBox.booking-box.step-1-active .step-2 { display: none; } .webinar .checkoutBox.booking-box.step-1-active .formMainBox { width: 100%; } .webinar .checkoutBox.booking-box.step-1-active .stepnav .step-2-nav { background-color: #eaeaea; color: #a9a8b3; border-color: #eaeaea; pointer-events: none; } .webinar .checkoutBox.booking-box.step-2-active .step-1 { display: none; } .webinar .checkoutBox.booking-box .buttonBox { text-align: center; } .webinar .checkoutBox.booking-box .buttonBox .loaderSnipper { float: none !important; } @media (max-width:760px){ .step-2-active .stepnav .step-1-nav{ /* display:none; */ } .ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single, .ast-separate-container .comments-count-wrapper, .ast-separate-container .ast-comment-list li.depth-1, .ast-separate-container .comment-respond, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .related-posts-title-wrapper, .single.ast-separate-container .ast-author-details, .single.ast-separate-container .about-author-title-wrapper, .ast-separate-container .ast-related-posts-wrap, .ast-separate-container .ast-woocommerce-container{ padding-right:0rem !important; padding-left:0rem !important; } } .ticketbox input[type="button"] { -webkit-appearance: button; cursor: pointer; } .ticketbox input::-webkit-outer-spin-button, .ticketbox input::-webkit-inner-spin-button { -webkit-appearance: none; } .ticketbox .input-group { clear: both; margin: 15px 0; position: relative; display:flex; justify-content:center; border: solid 1px #eeeeee; border-radius:25px; width: 219px; box-shadow:0px 1px 2px 0px; } @media (max-width:760px){ .ticketbox .input-group { margin-top:10px; } } .ticketbox .input-group input[type='button'] { /*background-color: #eeeeee;*/ min-width: 38px; width: auto; transition: all 300ms ease; font-size:20px; } .ticketbox .input-group .button-minus, .ticketbox .input-group .button-plus { font-weight: bold; height: 38px; padding: 0px !important; width: 38px; position: relative; border-radius:20px !important; border:none; background:none; } .ticketbox .input-group .quantity-field { position: relative; height: 38px; left: -2px; text-align: center; width: 62px !important; display: inline-block; font-size: 13px; margin: 0 0 5px; resize: vertical; padding: 0 !important; -moz-appearance: textfield; } .ticketbox .button-plus { /*left: -13px;*/ } .ticketbox input[type="number"] { -moz-appearance: textfield; -webkit-appearance: none; } .alert-danger{ color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;} @media (max-width: 575px) { .webinar .checkoutBox.booking-box .buttonBox { width: 100% !important; } .webinar .checkoutBox.booking-box .buttonBox .button { width: 100% !important; } } .ticketbox .input-group .quantity-field{ font-weight:900; font-size:18px; border:none; outline:none; background: #ffffff !important; } .button-minus{ border:none; } .button-plus{ border:none; } .available-pass{ color:green; font-size:12px; padding:5px; padding-top:0px; padding-bottom:0px; border:solid 1px green; border-radius: 25px; display:inline-block; } .soldout-pass{ color:white; font-size:12px; padding:5px; padding-top:0px; padding-bottom:0px; border:solid 1px red; background:red; border-radius: 25px; display:inline-block; } @media (max-width:760px){ .available-pass{ border:none; padding:0px; } .earlybird-pass{ border:none; padding:0px; } } .mobileLable h5{ margin-bottom:5px !important; } .earlybird-pass{ color:#0274be; font-size:12px; padding:5px; padding-top:0px; padding-bottom:0px; border:solid 1px #0274be; border-radius: 25px; display:inline-block; } .child-div { margin-bottom: 10px; } .radio-group { margin-top: 5px; } .radio-group input[type="radio"] { display: none; } .radio-group label { display: inline-block; padding: 2px 10px 2px 10px; margin-right: 5px; background-color: #fff; cursor: pointer; border: solid 1px #eee; border-radius: 10px; box-shadow: 0px 1px 2px 0px; } .radio-group input[type="radio"]:checked + label { background-color: #0274be; color: white; } div{ color: #000000; }