@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300&display=swap'); body { font-family: tablet-gothic, sans-serif; font-size:16px; font-weight: 200; color: #464646; --c-main: #f70c00; } .noScroll { overflow:hidden; } h1, h2, h3, h4 {line-height: 1;} h1 {margin: 5px 0 20px 0;font-weight: bold;font-size: 40px;color: #000;} h1.smaller {color:#222222;font-size: 32px;} h2 {margin: 0 0 25px 0;/* color: #fff; */font-size: 24px;line-height: 1.2;font-weight: 300;color: #000;} h3 {font-size: 22px;line-height: 1.2;} h4 {} h1 .title, h1 .credentials {font-weight: 300;} .btn {font-weight: bold;font-size: 16px;border-radius: 0;padding: 12px 12px;background: #f70c00;color: #fff !important;line-height: 1;font-weight: 500;} .btn.icon {line-height:24px} .btn.icon i:first-child { margin: 0 7px 0 0; font-size: 24px; vertical-align: top; } .btn:hover {} .btn.large {padding: 14px 22px;font-size: 18px;} .reloadBttn, .backBttn {background: #f70c00;color: #fff !important;font-size: 16px;font-weight: bold;border-radius: 0;text-transform: uppercase;display: inline-block;padding: 10px 18px;margin: 0 0 10px 0;cursor: pointer;} .reloadBttn i {display:none;} .reloadBttn i, .backBttn i {font-size: 22px; vertical-align: top; margin: 3px 8px 0 0; border-radius: 0;} .printBttn {background: #f70c00;color: #fff !important;font-size: 18px;border-radius: 0;display: inline-block;padding: 10px 18px;margin: 0 10px 10px 0;cursor: pointer;} .printBttn.grey {background:#aaa; color: #fff !important;} .printBttn.strong {} .printBttn i {font-size: 22px; vertical-align: top; margin: 3px 8px 0 0; border-radius: 0; } ul.download {padding: 0; margin: 0; list-style: none; font-size: 15px; } ul.download li {padding: 0 0 8px 0px;} ul.download li:last-child {margin:0;padding: 0;} ul.download li::before {content:"\f1c1";font-family: "Font Awesome 5 Free";font-weight: bold;margin: -6px 10px 0 0;font-size: 20px;vertical-align: top;display: inline-block;} ul.download li a {} select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; background: #fff !important; background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 4px) !important; background-position-y: 50% !important; } select option {font-weight: 300;} textarea {border: solid 1px #d5d5d5; border-radius: 0;} @media (max-width: 767px) { h1 { font-size: 28px; margin: 0 0 20px 0; } h2 {} h3 {} h4 {} } p {margin: 0 0 20px 0;} p:empty {margin:0} .clear {height: 0; clear: both;} a {color: #f70c00;} a:hover {color: #f70c00;text-decoration: none;} img {max-width: 100%;width:100%;} strong{font-weight: bold} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {} .loader {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #fff;z-index: 10000;display: flex;align-items: center;text-align: center;} .loader img {margin: 0 auto;max-width: 380px;width: 100%;} .text-bottom {align-self: flex-end;} .wrapper {max-width: 100%;margin: 0 auto;padding: 85px 0 0 0;} .wrapper .section {padding-bottom: 20px;padding-top: 20px;padding-left: 20px;max-width: 1360px;margin: 0 auto 20px;padding-right: 20px;} .wrapper .section.header {position: relative;display: flex;align-items: center;padding: 0 0 0 40px;max-width: 100%;margin: 0 auto;width: 100%;} .wrapper .sticky .section.header { } .wrapper .section.socialShare {background: #f2f2f2 !important;} .wrapper .section.socialShare strong {display: block; } .wrapper .section.socialShare ul.download {} .wrapper .section.socialShare ul.download li {} .wrapper .section.socialShare ul.download li::before {} .wrapper .section.socialShare ul.download li a {color:#222222} .wrapper .section.downloads {background: #b2b2b2; color: #fff; margin: 30px 0; position: relative; min-height: 190px; } .wrapper .section.downloads .section-name {color: #fff;justify-content: left;font-size: 27px;margin: 0 0 20px 0;} .wrapper .section.downloads ul {list-style: none; margin: 0; padding: 0; } .wrapper .section.downloads ul li {margin: 0 0 7px 0;} .wrapper .section.downloads ul li a {color: #fff;position: relative;padding: 0 0 0 30px;display: block;line-height: 1.2;min-height: 26px;} .wrapper .section.downloads ul li a::before {content: "\f15c";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 22px;margin: -4px 9px 0 0;vertical-align: top;display: inline-block;position: absolute;left: 0;top: 0;} .wrapper .section.downloads::after {content: "\f15c";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;bottom: -20px;right: 0;font-size: 158px;opacity: 0.2;line-height: 1;} .wrapper .section.links {background: #b2b2b2; color: #fff; margin: 30px 0; position: relative; min-height: 190px; } .wrapper .section.links .section-name {color: #fff;justify-content: left;font-size: 27px;margin: 0 0 20px 0;} .wrapper .section.links ul {list-style: none; margin: 0; padding: 0; } .wrapper .section.links ul li {margin: 0 0 7px 0;} .wrapper .section.links ul li a {color: #fff;position: relative;padding: 0 0 0 30px;display: block;line-height: 1.2;min-height: 26px;} .wrapper .section.links ul li a::before {content: "\f0c1";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 22px;margin: -4px 9px 0 0;vertical-align: top;display: inline-block;position: absolute;left: 0;top: 0;} .wrapper .section.links::after {content: "\f0c1";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;bottom: -20px;right: -20px;font-size: 158px;opacity: 0.2;line-height: 1;} @media (max-width: 1340px) { .wrapper .section.header {padding-left: 20px !important;} } @media (max-width: 991px) { .wrapper {padding: 72px 0 0 0;} } @media (max-width: 767px) { .wrapper {padding: 52px 0 0 0;} } .headerWrap .top {width: 100%; padding: 15px 125px; max-width: 1400px; margin: 0 auto; background: #36393A; display: flex; } .headerWrap .top ul {margin: 0; padding: 0; list-style: none; } .headerWrap .top ul li {display: inline-block; margin: 0 40px 0 0; } .headerWrap .top ul li a {color: #CDCDCE; font-size: 15px; } .headerWrap .top .language {} .headerWrap .top .dropdown {margin: 0 0 0 auto; } .headerWrap .top .dropdown > button {background: none; border: none; color: #fff; padding: 0; font-size: 13px; color: #CDCDCE; } .headerWrap .top .dropdown > button::after {content:none;} .headerWrap .top .dropdown > button img {max-width: 21px; display: inline-block; margin: -3px 6px 0 0; } .headerWrap .top .dropdown > .dropdown-menu {background: #222425; margin: 10px 0 0 -10px; border-radius:0 } .headerWrap .top .dropdown > .dropdown-menu a {font-size: 12px; padding: 0 10px 11px; color: #CDCDCE; background: none; } .headerWrap .top .dropdown > .dropdown-menu a:last-child {padding-bottom:0} .headerWrap .top .dropdown > .dropdown-menu a img {width: 21px; margin: -2px 6px 0 0; } .headerWrap {padding: 0;z-index: 1002;position: relative;background: #fff;position: absolute;top: 0;left: 0;right: 0;transition:all 0.3s;} .headerWrap.sticky-hidden {top:-200px;} .headerWrap.sticky {position: fixed; top: 0; left: 0; right: 0; z-index: 1000; } .header {} .headerWrap.sticky .header { box-shadow: 0 0 15px rgba(0,0,0,0.2); } .header .logo {margin: 0;} .header .logo img {max-width: 200px;width: auto;max-height: 33px;} .headerWrap.sticky .logo {} .headerWrap.sticky .logo img {} .headerWrap.sticky .header .menuWrap { } .header .menuWrap {text-align: right;margin: 0 0 0 75px;background: #f70c00;border-radius: 0;flex: 1;display: flex;padding: 0;position: relative;height: 85px;} .header .menuWrap > ul {list-style: none;padding: 0;margin: 0;border-radius: 0;text-align: left;} .header .menuWrap > ul li {display: inline-block;margin: 0;/* position: relative; */} .header .menuWrap > ul > li:first-child {} .header .menuWrap > ul li a {color: #fff;font-size: 18px;font-weight: 500;position: relative;line-height: 85px;display: block;padding: 0 28px;letter-spacing: 1px;} .header .menuWrap > ul li a:hover {background:#D60008} .headerWrap.sticky .header .menuWrap > ul li a {} .header .menuWrap > ul li .dropdown::before {content:"";height: 36px;position: absolute;top: -32px;width: 100%;left: 0;} .header .menuWrap > ul li.open > a::after {content:"";position:absolute;width: 0;height: 0;border-style: solid;border-width: 0 11px 12px 11px;border-color: transparent transparent #ddd transparent;bottom: 0;left: 50%;transform: translateX(-50%);} .header .menuWrap > ul li .dropdown {display:none;position: absolute;left: 0;top: 85px;background: #ddd;list-style: none;padding: 0;margin: 0;text-align: left;width: 100%;padding: 20px;min-width: 240px;/* box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.2); */} .header .menuWrap > ul li.open .dropdown {display:block;} .header .menuWrap > ul li .dropdown li {margin: 0 22px 0 0;display: inline-block;line-height: 1;} .header .menuWrap > ul li .dropdown li:last-child {margin:0} .header .menuWrap > ul li .dropdown li a {text-transform: none;font-weight: 400;color: #000;font-size: 18px;line-height: 1;padding: 0;letter-spacing: 0;} .header .menuWrap > ul li .dropdown li a:hover {color:#f70c00;background:none;} .headerWrap.sticky .header .menuWrap > ul li .dropdown {} .headerWrap.sticky .menuWrap .topMenu {display:none} .header .menuWrap .topMenu {display: flex;text-align: right;align-items: center;margin: 0 0 8px 0;} .header .menuWrap .topMenu ul {list-style: none; font-size: 16px; margin: 0 0 0 auto; vertical-align: middle; } .header .menuWrap .topMenu ul li {display: inline-block; margin: 0 0 0 6px; line-height: 1; } .header .menuWrap .topMenu ul li::after {content:"/";margin: 0 0 0 8px;color: #fff;opacity: 0.3;} .header .menuWrap .topMenu ul li:last-child::after {content:none;} .header .menuWrap .topMenu ul li a {color: #222222;line-height: 1;opacity: 0.7;} .headerWrap .searchTrigger {display: flex;align-items: center;justify-content: center;margin: 0 0 0 40px;vertical-align: middle;font-size: 18px;line-height: 1;z-index: 1001;color: #fff;position: absolute;right: 0;width: 85px;background: #D60008;text-align: center;line-height: 80px;top: 0;bottom: 0;} .headerWrap .searchTrigger.open {z-index:10002} .headerWrap .searchTrigger i {font-size: 26px; vertical-align: middle; } .headerWrap .searchTrigger.open i {color:#fff;} .headerWrap .searchTrigger.open i::before {content:"\f00d";} body.search .page-content form.searchform {display: none;} form.searchform {height: 0; overflow: hidden; margin: 0;} form.searchform.open {display: flex;padding: 0 20px;background: #ddd;z-index: 101;/* background: none; */justify-content: center;align-content: center;align-items: center;transition: all 0.3s, padding 0s;height: 60px;} .headerWrap.sticky + form.search.open {position: fixed; left: 0; right: 0; } form.searchform > div {max-width: 1360px;width: 100%;height: 100%;position: relative;padding: 0 0 0 40px;} form.searchform > div label {display:none} form.searchform input[type="text"] {border: none; background: none; height: 60px; width: 100%; font-size: 18px; font-weight: 300; } form.searchform input[type="submit"] {border: none; position: absolute; left: 0; top: 0; height: 60px; width: 40px; background: none; border-radius: 0; font-size: 0; padding: 0; } form.searchform >div::before {content:"\e90d";font-family: 'icomoon';font-weight: bold;font-size: 26px;position: absolute;top: 0;left: 0;width: 40px;height: 60px;line-height: 60px;pointer-events: none;} .account {position: absolute;top: 0;bottom: 0;right: 85px;} .account span {color: #fff;font-size: 24px;display: flex;width: 85px;height: 100%;line-height: 72px;text-align: center;align-items: center;justify-content: center;} .account span a {color: #fff;} .account span i {display:block} .account.open ul {display:block;} .account ul {display: none;position: absolute;right: 0;z-index: 102;top: 85px;min-width: 200px;border-radius: 0;background: #ddd;padding: 20px;font-size: 13px;} .account ul::before {content:"";width: 0;height: 0;border-style: solid;border-width: 0 9px 10px 9px;border-color: transparent transparent #ddd transparent;position: absolute;top: -10px;right: 33px;} .account ul li {margin: 0 0 7px 0 !important; line-height: 1; display: block !important; } .account ul li::after {content:none !important} .account ul li a {font-size: 16px;color: #000 !important;font-weight: 300;} .account ul li:last-child {margin: 0 0 0 0 !important;} .account ul li a:hover {color:#f70c00 !important;} .menuClose {display: none;} .menuTrigger {display: none;z-index: 10004;} .menuTrigger.sticky {position:fixed;} .menuTrigger.open {/* position: fixed; */} .menuTrigger div {width: 26px;height: 30px;margin: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;} .menuTrigger.open div {width: 31px;/* height: 31px; */} .menuTrigger div span {display: block;border-radius: 0 !important;position: absolute;height: 1px;width: 26px;border-radius: 1px;background: #fff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.4 ease-in;-moz-transition: 0.4s ease-in;-o-transition: 0.4s ease-in;transition: 0.4s ease-in;} .menuTrigger div span:nth-child(1) {top: 7px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;} .menuTrigger div span:nth-child(2) {top: 15px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: center center;} .menuTrigger div span:nth-child(3) {top: 23px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;} .menuTrigger.open div span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;left: 0px;width: 40px;} .menuTrigger.open div span:nth-child(2) {opacity: 0;transition: none !important;} .menuTrigger.open div span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);left: 0px;top: 28px;width: 40px;} .menuTrigger.open div span {background: #fff;} .open .menuTrigger {} @media (max-width: 1300px) { .headerWrap .top {padding: 15px 20px;} .wrapper .section.header {} .header .menuWrap > ul li {} .header .menuWrap > ul li a{font-size: 18px;padding: 0 20px;} } @media (max-width: 1200px) { .wrapper .section {} .wrapper .section.header {} .header .logo {margin: 0;} .header .logo img {} .header .menuWrap {background: none; } .header .menuWrap > ul {position: fixed;right: -100%;top: 0;bottom: 0;padding: 86px 40px 40px 40px;background: #f70c00;z-index: 1002;width: 100%;overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;transition: all 0.3s;text-align:center;border-radius: 0;flex-wrap: wrap;align-items: flex-start;justify-content: center;align-content: flex-start;display: flex;} .header .menuWrap.open > ul {right: 0;} .header .menuWrap > ul li {display: block;position: relative;margin: 0 0 20px 0;line-height: 1;flex: 0 1 100%;} .header .menuWrap > ul li.menu-item-has-children {} .header .menuWrap > ul li.menu-item-has-children::after {content: "\f067";font-family: "Font Awesome 5 Free";font-weight: 600;color: #fff;position: absolute;right: 0;top: 0px;} .header .menuWrap > ul li.menu-item-has-children.open::after {content:"\f068";} .header .menuWrap > ul li a {font-size: 20px !important;color: #fff;line-height: 1;background: none !important;font-weight: 600;display: inline-block;} .header .menuWrap > ul li .dropdown::before {content:none;} .header .menuWrap > ul li.open > a::after {content:none;} .header .menuWrap > ul li .dropdown {position: relative;top: auto;left: auto;background: none;text-align: center;display: block;padding: 15px 0 10px 0;display: none;} .header .menuWrap > ul li .dropdown li {display: block;padding: 8px 0;margin: 0;} .header .menuWrap > ul li .dropdown li a {color: #fff !important;font-weight: 300;font-size: 17px !important;} .header .menuWrap .topMenu > ul {display: none;} .headerWrap .searchTrigger {right: 85px;} .headerWrap .searchTrigger i {} .account {position: absolute;right: 170px;background: #f70c00;} .account span a {} .account > a i {font-size: 19px; display: block; } .menuClose {} .menuWrap.open .menuClose {display:block;position: absolute;right: 3px;color: #222222;z-index: 1002;top: 7px;width: 40px;text-align: center;height: 40px;line-height: 40px;font-size: 22px;} .menuTrigger {position: absolute;top: 0;right: 0;display: block;background: #f70c00;width: 85px;height: 85px;text-align: center;padding: 26px 0 0 29px;} .menuTrigger.open {} } @media (max-width: 767px) { .wrapper .section.header {} .header .logo {} .header .logo img {max-width: 130px;} .header .menuWrap {height: 52px; } .header .menuWrap ul {} .account ul {top:70px;} .account ul::before {right: 16px; } .header .menuWrap ul li {} .header .menuWrap ul li a {} .header .loginBox #loginform {} .header .loginBox #loginform .login-username {display: block;padding: 0;margin: 0 0 5px 0;} .header .loginBox #loginform .login-username input {} .header .loginBox #loginform .login-password {display: block;margin: 0 0 5px 0px;padding: 0;} .header .loginBox #loginform .login-password input {} .header .loginBox #loginform .login-submit {} .header .loginBox #loginform .login-submit input {} .header .loginBox #loginform .loginBoxLinks {} .header .loginBox #loginform .loginBoxLinks .login-remember {} .header .loginBox #loginform .loginBoxLinks .login-remember input {} .header .loginBox #loginform .loginBoxLinks .login-remember label {} .header .loginBox #loginform .loginBoxLinks .lost_password-link {} .header .loginBox #loginform .loginBoxLinks .lost_password-link a {} .header .loginBox #loginform .loginBoxLinks .register-link {} .header .loginBox #loginform .loginBoxLinks .register-link a {} .menuClose {} .menuTrigger {width: 52px; height: 52px; padding: 11px 0 0 14px; } .account {right: 106px;} .account span i {font-size:20px} .account span {width: 52px; height: 52px; line-height: 52px; } .headerWrap .searchTrigger {width: 52px;height: 52px;line-height: 52px;right: 53px;background: #f70c00;} .headerWrap .searchTrigger i {font-size: 20px; } } /* ====================== */ /* ======== Menu ======== */ /* ====================== */ /* ==================== */ /* ====== Login ======= */ /* ==================== */ .searchBox {position: absolute;right: 0;text-align: right;top: 0;font-size: 14px;} .searchBox form {} .searchBox form input {padding: 0 7px;border: solid 1px #ddd;height: 30px;font-size: 13px;width: 170px;vertical-align: top;} .searchBox form button {padding: 0 10px;height: 30px;background: #fae053;color: #222222;border: none;vertical-align: top;font-size: 13px;font-weight: bold;} .searchBox form button:hover { color:#fff !important; background:#00c1d5 !important;} @media (max-width: 1200px) { .searchBox form input {width: 200px;height: 40px;padding: 0 10px;font-size: 16px;} .searchBox form button {height: 40px;padding: 0 20px;font-size: 16px;} } .mainContent {margin: 0 auto 0;width: 100%;max-width: 1360px;/* padding: 40px 20px 40px; */flex-grow: 1;background-size: contain;} .homeContent {width: 100%;margin: 0 auto;} .homeContent .inside {max-width: 1340px;margin:0 auto;padding: 40px 20px;} .homeContent h2 {text-transform: uppercase;font-size: 46px;color: #222222;font-weight: 200;margin: 0 0 20px 0;} .homeContent h2 strong {font-weight: bold;display: block;} .contentWrap {padding: 0;z-index: 100;position: relative;display: block;width: 100%;margin: 0 auto;padding: 40px 60px;} .contentWrap::before, .contentWrap::after {clear:both; content:""; display:table;} .contentWrap .mainContent {/* padding: 50px 60px 100px; */background: none;} .contentWrap .mainContent h1 {text-transform: none;font-weight: 400;} .contentWrap .mainContent h2 { color: #222222; font-weight: 600; line-height: 1.4; font-size: 28px; } .contentWrap .mainContent .webinar-excerpt { color: #222222; font-weight: 400; line-height: 1.4; font-size: 22px; } @media (max-width: 1200px) { .mainContent {/* padding: 20px; */} .contentWrap {/* padding: 0 20px; */} .contentWrap .mainContent {/* padding: 20px 0; */} .homeContent {} } @media (max-width: 767px) { .homeContent {} .homeContent h2 {font-size: 28px;} .contentWrap .mainContent h2 {} } /* ======================== */ /* ======== Footer ======== */ /* ======================== */ .footerWrapper {margin: 0 auto;padding: 70px 60px;overflow: hidden;} .footerWrapper .footer {max-width: 1360px;margin: 0 auto;/* display: flex; *//* flex-wrap: wrap; */} .footerWrapper .footer .row {/* flex: 0 1 100%; */min-width: 100%;} .footerWrapper .footer .row > div {} .footerWrapper .footer .row > div p {font-size: 13px;color: #7a7a7a;} .footerWrapper .footer .row > div .logo {display: inline-block;margin: 0 0 20px 0;} .footerWrapper .footer .row > div .logo img {max-width: 230px;} .footerWrapper .footer .row > div .top-menu {padding: 0;margin: 0;list-style: none;} .footerWrapper .footer .row > div .top-menu li {} .footerWrapper .footer .row > div .top-menu li a {color: #464646;} .footerWrapper .footer .bottom-menu {margin: 30px 0 0 0;padding: 0;list-style: none;float: left;} .footerWrapper .footer .bottom-menu li {display: inline-block;margin: 0 20px 0 0;} .footerWrapper .footer .bottom-menu li a {color: #a8a8a8;} .footerWrapper .footer .copy {color: #a8a8a8;margin: 30px 0 0 auto;float: right;} .footerWrapper .footer .logos {list-style: none; margin: 0; padding: 0; text-align: right; } .footerWrapper .footer .logos li {display: inline-block; margin: 0 0 0 80px; } .footerWrapper .footer .logos li a {display: inline-block; } .footerWrapper .footer .logos li a img {max-width: 160px;max-height: 50px;width: auto;} .footerWrapper .footer .logos-2 {list-style: none;margin: 20px 0 0 0;padding: 0;text-align: right;} .footerWrapper .footer .logos-2 li {display: inline-block; margin: 0 0 0 80px; } .footerWrapper .footer .logos-2 li a {display: inline-block; } .footerWrapper .footer .logos-2 li a img {max-width: 180px;max-height: 50px;width: auto;} @media (max-width: 991px) { .footerWrapper {} .footerWrapper .footer {} .footerWrapper .footer .row {} .footerWrapper .footer .row > div {text-align: center; } .footerWrapper .footer .row > div p {} .footerWrapper .footer .row > div .logo {} .footerWrapper .footer .row > div .logo img {} .footerWrapper .footer .row > div .top-menu {margin: 0 0 20px 0; } .footerWrapper .footer .row > div .top-menu li {display: inline-block; margin: 0 10px; } .footerWrapper .footer .row > div .top-menu li a {} .footerWrapper .footer .bottom-menu {} .footerWrapper .footer .bottom-menu li {} .footerWrapper .footer .bottom-menu li a {} .footerWrapper .footer .copy {} .footerWrapper .footer .logos {text-align: center; } .footerWrapper .footer .logos li {} .footerWrapper .footer .logos li a {} .footerWrapper .footer .logos li a img {} .footerWrapper .footer .logos-2 {text-align: center; } .footerWrapper .footer .logos-2 li {} .footerWrapper .footer .logos-2 li a {} .footerWrapper .footer .logos-2 li a img {} } @media (max-width: 767px) { .footerWrapper { padding: 30px 0; } .footerWrapper .footer {} .footerWrapper .footer .row {} .footerWrapper .footer .row > div {} .footerWrapper .footer .row > div p {} .footerWrapper .footer .row > div .logo {} .footerWrapper .footer .row > div .logo img {} .footerWrapper .footer .row > div .top-menu {margin: 0 0 40px 0; } .footerWrapper .footer .row > div .top-menu li {} .footerWrapper .footer .row > div .top-menu li a {} .footerWrapper .footer .bottom-menu {float: none; text-align: center; margin: 10px 0 0 0; } .footerWrapper .footer .bottom-menu li {} .footerWrapper .footer .bottom-menu li a {} .footerWrapper .footer .copy {float: none; text-align: center; margin: 10px 0 0 0; font-size: 13px; } .footerWrapper .footer .logos {} .footerWrapper .footer .logos li {margin: 0 15px 15px; } .footerWrapper .footer .logos li a {} .footerWrapper .footer .logos li a img {max-width: 150px; max-height: 34px; } .footerWrapper .footer .logos-2 {} .footerWrapper .footer .logos-2 li {margin: 0 15px 15px; } .footerWrapper .footer .logos-2 li a {} .footerWrapper .footer .logos-2 li a img {max-width: 150px; max-height: 34px; } } .wrapper nav {margin: 0;display: block;width: 100%;border-left: solid 2px #f70c00;} .wrapper nav .nav-tabs {border: none;padding: 0;align-items: center;margin: 0;background: none;} .wrapper nav .nav-tabs a {color: #414141;background: none;font-size: 22px;padding: 18px 0 18px 28px;line-height: 1;border-radius: 0 !important;position:relative;margin: 0 0 0 -1px;border: none !important;width: 100%;} .wrapper nav .nav-tabs a.active {color: #fff !important;border: none !important;background: #fff;border-left: none !important;font-weight: bold;background: #f70c00;width: calc(100% - 15px);} .wrapper nav .nav-tabs a.active::after {height: calc(100% + 10px);background: #f70c00;width: calc(100% + 18px);display:block;position: absolute;left: -9px;bottom: -1px;border-radius: 12px 12px 0 0;z-index: -1;} .wrapper nav .nav-tabs a.active::before {content: "";width: 0;height: 0;border-style: solid;border-width: 58px 15px 0 0;border-color: #f70c00 transparent transparent transparent;position: absolute;top: 0;right: -15px;} .wrapper nav .nav-tabs a:last-child {} .wrapper nav .nav-tabs::after {content:none; height:1px; flex:1; background:#ddd;} .mobile-tabs-trigger {display: none;;} @media (max-width: 991px) { .wrapper .webinarCols {} .wrapper .webinarCols .col-lg-8 {order: 2; } .wrapper .webinarCols .col-lg-4 {order: 1; } .mobile-tabs-trigger {background: #f70c00; padding: 12px 20px; display: block; margin: 0; font-size: 18px; color: #fff; position: relative; font-weight: 700; } .mobile-tabs-trigger::after {content:"\F11B";font-family:"icomoon";position: absolute;right: 14px;top: 13px;} .wrapper nav {border: none;position: relative;margin-bottom: 20px;} .wrapper nav .nav-tabs {background: #f2f2f2; padding: 20px; display: none; position: absolute; top: 50px; left: 0; width: 100%; z-index: 10;} .mobile-tabs-trigger.open::after { content:"\F17D";} .wrapper nav .nav-tabs a {font-size: 18px;padding: 6px 0;} .wrapper nav .nav-tabs a[name="menu"] {display:none} .wrapper nav .nav-tabs a.active {width: 100%;background: none;color: #f70c00 !important;} .wrapper nav .nav-tabs a.active::before {content:none} .wrapper nav .nav-tabs a.active::after {content: none;} .wrapper nav .nav-tabs a:last-child {} .wrapper nav .nav-tabs::after {} } @media (max-width: 767px) { .contentWrap {} .contentWrap .mainContent {margin: 0;padding: 20px 0 0 0;} .wrapper nav {} .wrapper nav .nav-tabs {} .wrapper nav .nav-tabs a {} .wrapper nav .nav-tabs a.active {} .wrapper nav .nav-tabs a.active::before {content:none} .wrapper nav .nav-tabs a.active::after {content: none;} .wrapper nav .nav-tabs a:last-child {} .wrapper nav .nav-tabs::after {} } .webinarPage {font-size: 18px;} .webinarPage .courseMeta {font-size: 12px;margin: 20px 0 0 0;} .webinarPage .sponsor-logo {background: #fff; padding: 10px; width: auto; max-width: 180px; max-height: 85px; } .webinarPage .webinar-top {position: relative; } .webinarPage .course-type {position: relative; background: #f70c00; color: #fff; font-size: 16px; padding: 10px 10px 10px 20px; line-height: 1; font-weight: 600; text-transform: uppercase; display: inline-block; margin: 0 20px 9px 0; } .webinarPage .course-type::before {content:"";} .webinarPage .course-type::after {content: ""; width: 0; height: 0; border-style: solid; border-width: 36px 11px 0 0; border-color: #f70c00 transparent transparent transparent; position: absolute; top: 0; right: -11px; } .webinarPage .course-categories {background: #eeeeee; display: inline-block; padding: 10px 20px 10px 10px; font-size: 16px; line-height: 1; position: relative; } .webinarPage .course-categories::before {content:""; width: 0; height: 0; border-style: solid; border-width: 0 0 36px 11px; border-color: transparent transparent #eee transparent; position: absolute; top: 0; left: -11px; } .webinarPage .course-categories a {color: #000;} .webinarPage .course-categories a:hover {color:#f70c00;} .webinarPage .back-to-details {background: #f70c00; color: #fff; padding: 10px 14px 10px 14px; display: inline-block; line-height: 1; position: absolute; top: 0; right: 0; font-size: 16px; } .webinarPage .back-to-details::before {content:"\F13B";font-family:"icomoon";margin: 0 10px 0 0;} @media (max-width: 767px) { .webinarPage {font-size: 16px;} .webinarPage .webinar-top {padding: 30px 0 20px 0;} .webinarPage .back-to-details {left: 0;right: auto;} .webinarPage .course-type { margin: 0 10px 10px 0; } .webinarPage .course-type::after {content:none} .webinarPage .course-categories {} .webinarPage .course-categories::before {content:none;} } .webinarHeader {margin: 20px 0 40px 0; } .webinarHeader.player {margin: 30px 0 0 0px;} .webinarHeader .inside {margin: 0 auto;display: flex;align-items: flex-end;padding: 0 20px;flex-wrap: wrap;position: relative;} .webinarHeader.player .inside {max-width: 1360px;padding: 0;border-radius: 0;overflow: hidden;} .webinarHeader.player .inside {/* border: solid 2px #eee */} .webinarHeader .inside .player {flex: 0 1 100%; position: relative;} .webinarHeader .inside .player-no-video {padding: 56.25% 0 0 0;background: #eee;position: relative;flex: 0 1 100%;margin: 0 0px;} .webinarHeader .inside .player-no-video .message {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #f70c00;color: #fff;padding: 20px;max-width: calc(100% - 40px);width: 620px;font-size: 18px;} .webinarHeader .inside .player-no-video .message p {margin: 0;} .webinarHeader .inside .player-no-video .message strong {font-size: 26px; } .webinarHeader .inside .player-no-video .message span {display: block; } .webinarHeader .inside .player-no-video .message span a {color:#fff; text-decoration:underline;} .webinarHeader .inside .player .mask {padding: 20px;position: absolute;width: 0;height: 0;background: none;z-index: 100;font-size: 14px;overflow-y: scroll;} .webinarHeader .inside .player .mask .item {margin:0 0 10px 0;font-size: 12px;} .webinarHeader .inside .player .mask .item .message {margin: 0;font-size: 12px;background: #fff;padding: 15px;background: #f2f2f2;border-radius: 8px 8px 8px 0;line-height: 1.3;position:relative;} .webinarHeader .inside .player .mask .item .message::after {width: 0;content:"";height: 0;border-style: solid;border-width: 12px 12px 0 1px;border-color: #f2f2f2 transparent transparent transparent;position: absolute;left: 0;bottom: -8px;} .webinarHeader .inside .player .mask strong {display:block;font-weight: bold;margin: 10px 0 0 0;font-size: 10px;} .webinarHeader .inside .photo {flex: 0 1 45%;} .webinarHeader .inside .photo.hasSlider img {display: none;} .webinarHeader .inside .photo.hasSlider img.active {display: block} .webinarHeader .inside .photo img {} .webinarHeader .inside .text .meta {color: #357ec0;display: flex;align-items: flex-end;} .webinarHeader .inside .text .meta .credits {display: inline-block;font-size: 50px;font-weight: bold;margin: 0 20px 0 0;line-height: 0.8;} .webinarHeader .inside .text .meta .type {display: inline-block;text-transform: uppercase;line-height: 1;font-size: 19px;font-weight: 600;margin: 0 20px 0 0;} .webinarHeader .inside .text .meta .date {display: inline-block;font-size: 19px;line-height: 1;margin: 0;} .webinarHeader .inside .text .meta .date strong {} /*.webinarHeader .inside .text h2 {font-size: 36px;color: #fae053;margin: 30px 0 15px 0;line-height: 1.1;}*/ .webinarHeader .inside .text .speaker {margin: 0 0 30px 0;font-size: 20px;color: #fae053;} .webinarHeader .inside .text .speaker span {color:#aaa} .language {color: #fff;margin: 0;margin: 0 12px 0 0;overflow: hidden;display: inline-block;vertical-align: middle;} .language span {font-size: 12px;line-height: 1.2;display: inline-block;vertical-align: middle;} .language img {display: inline-block;height: 25px;/* display: block; */vertical-align: middle;width: auto !important;} .meta {position:relative;padding: 0 0 0 47px;} .meta .language {margin: 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .meta .language span {} .meta .language img {} .timezones {color: #fff;display: inline-block;margin: 0 0 20px 0;vertical-align: top;} .timezones:hover {/* color: #fff; */} .timezones i {display: inline-block;margin: 0 8px 0 0;font-size: 26px;vertical-align: middle;} .timezones span {font-size: 12px;line-height: 1.2;display: inline-block;vertical-align: middle;} .timezones span br {} .countdownBoxWrapper {width: auto;display: flex;flex-wrap: wrap;align-items: flex-start;width: 100%;} .registerBttnDisclaimer {font-size:12px;display: inline-block;margin: 0 0 8px 0;} .registerBttnDisclaimer a {text-decoration: underline;color: #fff;} .countdownBoxWrapper .btn {margin: 0 0 0 auto;font-size: 22px;line-height: 1;padding: 12px 30px 17px;} .countdownBoxWrapper .btn:hover {background:#fff;color: #000 !important;} .countdownBoxWrapper .btn::after {content:"\F165";font-family:icomoon;margin: 2px -3px 0 10px;vertical-align: top;display: inline-block;} .countdownBoxWrapper .btn i {font-size: 22px;margin: 0 3px 0 0;vertical-align: middle;display: none;} .countdownBoxWrapper .btn span {/* vertical-align:middle */} .share {display: inline-block;float: left;margin: 0 10px 0 0;} .countdownBoxWrapper .swp_social_panel {} .countdownBoxWrapper .swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) {display: block;margin: 0 0 0 0 !important;height: auto;text-align: left;width: auto !important;height: 50px;flex: 0 1 100%;} .swp_social_panel {} .swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) {display: inline-block;margin: 10px 0 30px 0 !important;height: auto;/* text-align: center; */width: auto !important;height: 50px;vertical-align: middle;} .swp_social_panel > div {max-width: 50px !important;background: none !important;color: #222222 !important;border: none !important;height: 50px !important;line-height: 50px !important;margin: 0 6px 0 0 !important;border-radius: 50% !important;min-width: 20px !important;display: inline-block;float: none !important;} .swp_social_panel > div > a {height: 50px !important;width: 50px !important;border: none !important;background: #b2b2b2;border-radius: 0;} .swp_social_panel > div > a > span {} .swp_social_panel > div > a > span > span {width: 50px !important;height: 50px !important;margin: 0;overflow: visible;} .swp_social_panel > div > a > span > span > span {} .swp_social_panel > div > a > span > span > span i {color: #fff;width: 50px !important;height: 50px !important;margin: 0 !important;line-height: 55px !important;font-size: 26px !important;} .swp_social_panel > div > a > span > span > span > span {display: none !important;} .countdown {margin: 5px 0 20px 0;display: flex;align-items: flex-start;/* width: 100%; */min-width: 290px;} .countdown .coll {text-align: center;} .countdown .dotts {font-size: 28px;margin: 0;flex: 0 1 17px;text-align: center;} .countdown .coll .ce-days, .countdown .coll .ce-hours, .countdown .coll .ce-minutes, .countdown .coll .ce-seconds {font-size: 42px;line-height: 0.8;letter-spacing: -1px;font-weight: bold;} .countdown .coll .ce-days span, .countdown .coll .ce-hours span, .countdown .coll .ce-minutes span, .countdown .coll .ce-seconds span {display:inline-block;vertical-align:top;line-height:0.8;} .countdown .coll .ce-days-label, .countdown .coll .ce-hours-label, .countdown .coll .ce-minutes-label, .countdown .coll .ce-seconds-label {display: block;font-size: 10px;margin: 0;line-height: 1;/* color: #fff; */opacity: 0.6;font-weight: 300;} .calendar {font-size: 13px;margin: 0px 20px 10px 0;color: #000;vertical-align: top;/* display: none; *//* display: block; */cursor: pointer;} .calendar:hover {color:#f70c00} .calendar > i {font-size: 18px;margin: 0 6px 0 0;vertical-align: top;opacity: 0.6;display: none;} .calendar:hover > i {opacity:1;} .calendar span {font-size: 12px;line-height: 18px;vertical-align: top;display: inline-block;} .calendar span > div {} .calendar span > div > div {position: relative;} .calendar span > div > div label {/* color: #fff; */font-size: 12px;/* vertical-align: top; *//* display: inline-block; */margin: 0;cursor: pointer} .calendar span > div > div label::before {content:"\f133";font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: 18px;vertical-align: top;margin: 0 6px 0 0;opacity: 0.5;} .calendar:hover span > div > div label::before {opacity: 1;} .calendar span > div > div .calendarWrapper {display: none;position: absolute;left: -24px;bottom: 31px;background: #fff;padding: 10px;/* border-top: none; */min-width: 147px;background: #D60008;} .calendar span > div > div .calendarWrapper::before {content:"";width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #D60008 transparent transparent transparent;position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);} .calendar span > div > div .calendarWrapper.open {display: block;} .calendar span > div > div .calendarWrapper a {display: block;line-height: 15px;margin: 0 0 4px 0;color: #fff;font-size: 10px;padding: 5px 5px 5px 25px;position: relative;text-align: left;font-family: inherit !important;} .calendar span > div > div .calendarWrapper a:hover {background: rgba(0,0,0,0.2);} .calendar span > div > div .calendarWrapper a:last-child {margin-bottom:0;} .calendar span > div > div .calendarWrapper a::before {display: inline-block;margin: 0 8px 0 0px;content: ' ';font-size: 15px;position: absolute;left: 5px;top: 5px;font-weight: bold;font-family: "Font Awesome 5 Brands";} .calendar span > div > div .calendarWrapper .icon-ical::before{content:"\f179"} .calendar span > div > div .calendarWrapper .icon-outlook::before{content:"\f073";font-size: 14px;font-family: "Font Awesome 5 Free";} .calendar span > div > div .calendarWrapper .icon-yahoo::before{content:"\f19e"} .calendar span > div > div .calendarWrapper .icon-google::before{content:"\f1a0"} .timezone {color: #000;font-size: 13px;margin: 0px 20px 10px 0;position: relative;cursor: pointer;vertical-align: top;/* display: none; */} .timezone:hover {color:#f70c00;} .timezone:hover > span::before {opacity: 1;} .timezone i {font-size: 18px;margin: 0 4px 0 0;vertical-align: top;display: inline-block;opacity: 0.6;display: none;} .timezone:hover i {opacity:1} .timezone span {font-size: 12px;line-height: 18px;vertical-align: top;} .timezone > span {cursor:pointer;} .timezone > span::before {content:"\f0ac";font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: 18px;vertical-align: top;margin: 0 6px 0 0;opacity: 0.5;} .timezone .popup {display: none;position: absolute;left: 50%;bottom: 30px;padding: 15px;min-width: 300px;background: #888;transform: translateX(-50%);color: #fff;} .timezone .popup.open {display: block;} .timezone .popup::before {content:"";width: 0;height: 0;border-style: solid;border-width: 10px 10px 0px 10px;border-color: #888 transparent transparent transparent;position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);} .bottom .calendar, .bottom .timezone {display:none} .timezoneItem {letter-spacing:-0.5px;border-bottom: 1px solid rgba(255,255,255,0.2);margin: 0 0 5px;padding: 0 0 5px;width: 100%;font-size: 14px;display: flex;align-items: center;} .timezoneItem:last-child {border: none; padding: 0; margin: 0; } .timezoneItem .location {margin: 0;text-align: left;} .timezoneItem .time {margin: 0 0 0 auto;text-align: right;flex: 1;} @media (max-width: 1280px) { } @media (max-width: 767px) { .webinarHeader {padding: 100px 0 30px;} .webinarHeader.player {padding: 0;margin: 0 0 0 0;} .webinarHeader .inside {flex-wrap:wrap;padding: 0 20px;position: relative;} .webinarHeader.player .inside {border: none;border-top: solid 2px #eee;border-radius: 0;} .webinarHeader .inside .player-no-video .message strong {font-size:20px} .webinarHeader .inside .player-no-video .message {font-size: 16px;} .countdown {min-width: 1px; } .countdown .coll {} .countdown .dotts {flex: 0 1 13px; align-self: flex-start; line-height: 1.1; } .countdown .coll .ce-days, .countdown .coll .ce-hours, .countdown .coll .ce-minutes, .countdown .coll .ce-seconds {/* font-size: 51px; */} .countdown .coll .ce-days span, .countdown .coll .ce-hours span, .countdown .coll .ce-minutes span, .countdown .coll .ce-seconds span {} .countdown .coll .ce-days-label, .countdown .coll .ce-hours-label, .countdown .coll .ce-minutes-label, .countdown .coll .ce-seconds-label {} .countdownBoxWrapper .swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) {text-align:center;} .share .swp_social_panel > div {margin: 0 6px 0 0px !important;} .calendar { display: inline-block; } .timezone {margin-right: auto; } .timezone i {} .timezone span {} .timezone .popup {text-align: center;min-width: 260px;} .timezone .popup.open {} .timezone .popup::before {} .timezoneItem {} .timezoneItem:last-child {} .timezoneItem .location {} .timezoneItem .time {} .language {margin: 0 10px 0 0;float: none;} .language span {} .language img {} } /* =============================== */ /* ===== Tab Speaker Listing ===== */ /* =============================== */ .speakerListing {/* float: left; */width: 100%;} .speakerListing::before, .speakerListing::after {clear:both; display:table; content:"";} .speakerListing .item {border-bottom: 1px solid #eee;margin: 0 0 40px;padding: 0 0 40px;width: 100%;display: flex;flex-wrap: wrap;align-items: center;} .speakerListing .item:last-child {border-bottom: none;margin: 0;padding: 0;} .speakerListing .item img {flex: 0 1 130px; margin: 0 15px 30px 0; background: #fff; padding: 0; max-width: 130px; align-self: center; border: solid 2px #eeeeee; border-radius: 50%; } .speakerListing .item .speakerName {font-size: 27px;margin: 0 0 30px 0;padding: 0 0 0 0;flex: 1;align-self: center;font-weight: 700;} .speakerListing .item .speakerName span {font-size: 70%;font-weight: 300;line-height: 1;display: block;} .speakerListing .item .speakerBio {flex: 0 1 100%;float: left;} .speakerListing .item .speakerBio p {margin: 0;} .speakerListing .item .speakerName {} @media (max-width: 480px) { .speakerListing .item img {max-width: 90px;} .speakerListing .item .speakerName {line-height: 1; margin: 0; font-size: 22px; } .speakerListing .item .speakerName span {font-size: 11px;line-height: 14px;} } main {max-width: 1480px;margin: 0 auto;padding: 50px 60px;} main.webinar-page {display: flex; } main.webinar-page > .content {flex: 0 1 70%; padding: 0 20px 0 0; } main.webinar-page > .sidebar {flex: 0 1 30%; } header.page-header {display: flex; margin: 0 0 30px 0; } header.page-header h1 {margin: 0 80px 0 0; } header.page-header .filter {flex: 1;margin: 0 0 0 auto;} @media (max-width: 991px) { main {padding:20px 20px;} } .pagination_main {} .pagination_main .paging {border: none; } .pagination_main .paging ul.page-numbers {list-style: none; padding: 0; margin: 0 auto; text-align: center; font-size: 0; } .pagination_main {margin: 60px 0 40px; } .pagination_fwp {margin: 0;} .pagination_hide {display: none;} .paging {margin: 20px 0;} .paged.paging {} ul.page-numbers {list-style: none; padding: 0; text-align: center; margin: 20px 0 0; } .page-numbers li {display: inline-block;vertical-align: top;font-size: 16px;} .page-numbers li a {width: 40px;height: 40px;line-height: 40px;display: block;vertical-align: top;color: #aaa;font-weight: 300;} .page-numbers li a:hover {color: #000;} .page-numbers li span.current {line-height: 40px;width: 40px;display: inline-block;color: #000;height: 40px;font-weight: 600;} .page-numbers li span.dots {opacity: 0.5;width: 34px;height: 34px;line-height: 34px;color: #bbb;} .page-numbers li a.next {color: #fff !important;font-size:0;background: #f70c00;margin: 0 0 0 4px;} .page-numbers li a.next::before {content:"\F165";font-family: 'icomoon';font-size: 16px;} .page-numbers li a.prev {color: #fff !important;font-size:0;background: #f70c00;margin: 0 4px 0 0;} .page-numbers li a.prev::before {content:"\F13B";font-family:"icomoon";font-size: 16px;} .page-numbers li a.prev:hover, .page-numbers li a.next:hover {color: #000;} .facetwp-pager {text-align: center;font-size: 0;margin: 60px 0 40px;} .facetwp-pager:empty {margin:0} .paged .facetwp-pager {} .facetwp-pager .facetwp-pager-label {display: none;} .facetwp-pager a {width: 40px;height: 40px;line-height: 40px;font-weight: 300;color: #aaa !important;margin: 0;font-size: 16px;} .facetwp-pager a:hover {color: #000 !important;} .facetwp-pager a.active {color: #000 !important;font-weight: 600;} .facetwp-pager a.next {color: #fff !important;font-size:0;background: #f70c00;margin: 0 0 0 4px;} .facetwp-pager a.next::before {content:"\F165";font-family: 'icomoon';font-size: 16px;} .facetwp-pager a.prev {color: #fff !important;font-size:0;background: #f70c00;margin: 0 4px 0 0;} .facetwp-pager a.prev::before {content:"\F13B";font-family:"icomoon";font-size: 16px;} .sidebar {} .sidebar .section {background: #36393A;padding: 20px;position: relative;border-radius: 20px;margin: 0 0 20px 0;} .sidebar .section.socialShare {} .sidebar .section.socialShare > strong {font-size:18px;text-transform: uppercase;margin: 0 0 9px 0;display: block;} .sidebar .product {} .sidebar .product .name {font-size: 24px;color: #357ec0;font-weight: bold;display: block;line-height: 1;margin: 0 0 10px 0;} .sidebar .product .name strong {font-size: 48px;font-weight: bold;} .sidebar .product p {font-size: 14px;color: #222222;} .sidebar .product .banner {display: block;margin: 0 0 20px 0;} .sidebar .product .banner img {} .sidebar .product .btn {} .listingName {text-transform: uppercase;display: inline-block;margin: 0 0 20px 0;} .all {float: right;font-size: 16px;margin: 0 0 20px 0;} .all a {color: #222222;text-decoration: underline;} .listing {width: auto;color:#222222;} .listing > div {margin-bottom: 30px;} .listing > div.col-md-6 {} .listing > div.col-md-4 {} .listing > div .item {overflow: hidden;margin-bottom: 0;position: relative;display: flex;flex-direction: column;height: 100%;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .listing > div .item .banner {position: absolute;background: url(/wp-content/themes/dtsc2021/_sites/www.knstudyclub.de/images/listing-bg.jpg) top right no-repeat;background-size: cover;margin: 0;padding: 20px;flex-grow: 1;flex-shrink: 1;position: relative;display: flex;flex-direction: column;} .listing > div .item .banner::before {/*z-index: 1; opacity: 0.8; content: ""; float: left; padding-bottom: 56.25%; */} .listing > div .item .banner::after {clear: left; content: " "; display: table; } .listing > div .item .banner .top {} .listing > div .item .banner .logo { max-width: 120px; margin: 0 0 17px 0; display: inline-block; } .listing > div .item .banner .photo {} .listing > div .item .banner .photo img {max-width: 55%;position: absolute;right: 0;bottom: 0;} .listing > div .item .details {width: 100%;font-size: 14px;height: 100%;} .listing > div .item .sponsor {/* position: absolute; *//* bottom: 20px; *//* left: 20px; */margin: 20px 0 0 0;height: 40px;display: flex;align-items: flex-end;} .listing > div .item .sponsor img:first-child {display:block;} .listing > div .item .sponsor img {display:none;max-width: 105px;max-height: 40px;width: auto;vertical-align: bottom;} .listing > div .item .sponsor img:only-child {display:block;} .listing > div .item .sponsor > img { } .listing > div .item.on-demand .meta {background: #aaa;text-transform: none;font-weight: 500;} .listing > div .item .meta {background: #f70c00;color: #fff;font-size: 15px;padding: 10px 10px 10px 20px;position: absolute;left: 0;top: 20px;line-height: 1;font-weight: 600;text-transform: uppercase;} .listing > div .item .meta::after {content:""; width: 0; height: 0; border-style: solid; border-width: 36px 15px 0 0; border-color: #f70c00 transparent transparent transparent; position: absolute; top: 0; right: -15px; } .listing > div .item.live .meta::after {border-width: 52px 15px 0 0; } .listing > div .item.on-demand .meta::after {border-color: #aaa transparent transparent transparent;border-width: 36px 15px 0 0;} .listing > div .item .details .meta.pl-0 { padding-left:20px !important} .listing > div .item .details .date {font-weight: 400; position: relative; padding: 0; font-size: inherit; } .listing > div .item .details .speaker {margin: 0 0 11px 0; } .listing > div .item .credits {display: inline-block;margin: 0 0 0 15px;font-size: 13px;font-weight: 300;border-radius: 50%;height: 40px;width: 40px;line-height: 40px;text-align: center;padding: 0;background: #D60008;color: #fff;position: relative;top: -7px;letter-spacing: -0.5px;} .listing > div .item .credits strong {} .listing > div .item.on-demand .credits { background: #aaa; } .listing > div .item .date-wrap {display:inline-block;vertical-align: top;} .listing > div .item .type {display:inline-block;vertical-align: middle;} .listing > div .item.on-demand .type {vertical-align: top; } .listing > div .item.live .type {} .listing > div .item.live .date {/* font-weight: 400; */} .listing > div .item .webinar-name {height: 90px;} .listing > div .item .name {font-size: 18px;line-height: 1.15;display: block;margin: 0 0 5px 0;font-weight: 300;color: #D60008;width: 60%;} .listing > div .item .live {display: inline-block; font-weight: 800; margin: 0; } .listing > div .item.on-demand .name {} .listing > div .item .text {/* flex: 0 1 100%; */font-size: 15px;padding: 0;position: relative;background: #f4f4f4;padding: 20px;display: flex;align-items: center;} .listing > div .item .text .meta {padding: 0; margin: 0 0 10px 0; } .listing > div .item .speaker {color: #f70c00;margin: 0 0 14px 0;flex-grow: 1;line-height: 1.2;} .listing > div .item .speaker {margin: 0;font-size: 14px;color: #222222;width: 55%;padding: 5px 0 0 0;} .listing > div .item .speaker strong {} .listing > div .item .speaker .title {} .listing > div .item .speaker .separator {opacity: 0.7;} .listing > div .item .text .btn { background: none; padding: 0; color: #000 !important; margin: 0 0 0 auto; font-size: 14px !important; } .listing > div .item .text .btn::after {content: "\F165"; font-family: icomoon; margin: 1px 0 0 10px; vertical-align: top; display: inline-block; } .listing > div .item .text .sponsor {display: flex;height: 39.6px;align-items: center;flex: 1;margin: 0 0 0 auto;justify-content: flex-end;} .listing > div .item .text .sponsor img {display: none;max-height: 39px;max-width: 140px;width: auto;vertical-align: middle;} .listing > div .item .text .sponsor img:first-child {display: block;} .listing > div .item .text .bottom {} .listing > div.col-md-12 .item {align-items: center; height: auto; } .listing > div.col-md-12 .item .banner {} .listing > div.col-md-12 .item .banner img {} .listing > div.col-md-12 .item .text {align-self: center; } .listing > div.col-md-12 .item .text .meta {padding: 0 0 0 76px; } .listing > div.col-md-12 .item .text .meta .credits {width: 60px; height: 60px; font-size: 25px; line-height: 59px; } .listing > div.col-md-12 .item .text .meta .type {font-size: 23px; } .listing > div.col-md-12 .item .text .meta .date {font-size: 16px; } .listing > div.col-md-12 .item .text .name {font-size: 54px;margin: 12px 0 5px 0;} .listing > div.col-md-12 .item .text .speaker {font-size: 20px; } .listing > div.col-md-12 .item .text .bottom {position: relative; bottom: auto; left: auto; } .listing > div.col-md-12 .item .text .bottom .btn {font-size: 18px; padding: 15px 25px; } .listing + .register-btn {text-align: center; } .listing + .register-btn .btn {font-size: 24px;padding: 20px 30px;} .speaker-name {} .speaker-name {} .speaker-name .title {} .speaker-name .separator {} .listing > div .item .banner.hasSlider {} .listing > div .item .banner.hasSlider img {display: none} .listing > div .item .banner.hasSlider img.active {display: block} .listing > div .item .banner .photo img {display: none} .listing > div .item .banner .photo img:first-child {display: block;} .listing > div .item .banner .photo img:only-child {display: block !important} .listing > div .item .banner.hasSpeaker > div {} .listing > div .item .banner.hasSpeaker .type {position: relative;left: auto;bottom: auto;margin: 0 0 8px 0;display: inline-block;} .listing > div .item .banner.hasSpeaker p {margin: 0;color: #fff;line-height: 1.3;font-size: 13px;} .listing > div .item .banner.hasSpeaker p strong {font-weight: bold;display: block;} .listing > div .item .date {font-size: 17px;line-height: 1;font-weight: 700;} .listing.owl-carousel {height: 0;overflow: hidden;margin: 0 -10px;text-align: center;min-width: calc(100% + 20px);width: auto;} .listing.owl-carousel.owl-loaded {height: auto;} .listing.owl-carousel.owl-loaded .owl-stage-outer {text-align: left;padding: 0;} .listing.owl-carousel.owl-loaded .owl-stage-outer .owl-stage {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .listing.owl-carousel.owl-loaded .owl-stage-outer .owl-stage .owl-item {display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto !important; } .listing.owl-carousel.owl-loaded .owl-stage-outer .owl-stage .owl-item > div {flex: 0 1 100%;padding: 10px;} .listing.owl-carousel .col-md-6 {max-width: 100%; } .listing.owl-carousel .col-md-4 {max-width: 100%;padding: 0;} .listing.owl-carousel .owl-dots {margin: 0;position: absolute;top: 0;right: 0;text-align: revert;} .listing.videos {} .listing.videos .item {padding: 0;align-items: flex-start;justify-content: flex-start;flex-direction: column;} .listing.videos .item .banner {flex: 0 1 100%;width: 100%;} .listing.videos .item .banner img {display: block;} .listing.videos .item .banner .play-btn {position: absolute;top: 50%;left: 50%;color: #fff;background: #f70c00;transform: translate(-50%,-50%);/* border: solid 2px #fff; */width: 66px;height: 66px;text-align: center;border-radius: 50%;line-height: 66px;font-size: 25px;padding: 0 0 0 2px;pointer-events: none;} .listing.videos .item .banner .play-btn::before {content:"\f04b";font-family: "Font Awesome 5 Free";font-weight: 900;} .listing.videos .item .banner .login-btn {position: absolute; top: 50%; left: 50%; color: #fff; background: #f70c00; transform: translate(-50%,-50%); text-align: center; font-size: 18px; padding: 7px 15px; text-transform: uppercase; font-weight: 600; } .listing.videos .item .banner::after {} .listing.videos .item .banner img {width: 100%;max-width: 100%;height: auto;} .listing.videos .item .banner img[data-toggle="modal"] {cursor:pointer;display: inline-block;} .listing.videos .item .text {padding: 20px 20px 20px 20px;height: auto;align-self: auto;flex: 0 1 100%;} .listing.videos .item .text .name {cursor: pointer;} .listing.videos .item .text .excerpt {opacity: 0.7;margin: 0;} .listing.videos .item .text .flag {position: absolute;bottom: 20px;} .listing.videos .item .text .flag img {height: 25px;width: auto;} .listing.videos .item .text .sponsor {position: absolute;bottom: 20px;right: 20px;height: 25px;} .listing.videos .item .text .sponsor img {max-height: 25px;} @media (max-width:991px) { .listing {} .listing > div {} .listing > div.col-md-6 {} .listing > div.col-md-4 {} .listing > div .item {} .listing > div .item .banner { padding: 15px; } .listing > div .item .banner img {} .listing > div .item .credits {} .listing > div .item .type {} .listing > div .item.on-demand .type {} .listing > div .item.live .type {} .listing > div .item.live .date { font-size: 13px; } .listing > div .item .name {} .listing > div .item.on-demand .name {} .listing > div .item .text { padding: 15px; } .listing > div .item .text .meta {left: auto;right: auto;position: relative;top: auto;margin: 0 0 20px 0;} .listing > div .item .text .speaker-name {} .listing > div .item .text .speaker-name strong {} .listing > div .item .text .speaker-name .title {} .listing > div .item .text .speaker-name .separator {} .listing > div .item .text .btn { font-size: 13px !important; } .listing > div .item .text .sponsor {} .listing > div .item .text .sponsor img {} .listing > div .item .text .sponsor img:first-child {} .listing > div .item .text .bottom {left: 20px; right: 20px; } .listing > div.col-md-12 .item {height: 100%; } .listing > div.col-md-12 .item .banner {} .listing > div.col-md-12 .item .banner img {} .listing > div.col-md-12 .item .text {align-self: flex-end; min-width: 100%; } .listing > div.col-md-12 .item .text .meta {padding: 0 0 0 47px; } .listing > div.col-md-12 .item .text .meta .credits {width: 40px; height: 40px; font-size: 16px; line-height: 40px; } .listing > div.col-md-12 .item .text .meta .type {font-size: 15px; } .listing > div.col-md-12 .item .text .meta .date {font-size: 14px; } .listing > div.col-md-12 .item .text .name {font-size: 26px; } .listing > div.col-md-12 .item .text .speaker {font-size: 16px; } .listing > div.col-md-12 .item .text .bottom {position: absolute; bottom: 25px; left: 20px; } .listing > div.col-md-12 .item .text .bottom .btn {font-size: 14px; padding: 12px; } .owl-dots {margin: 20px 0 0 0 !important; text-align: left !important; width: 100% !important; } .owl-dots .owl-dot {margin: 0 8px 0 0 !important;} } @media (max-width:767px) { .listing.owl-carousel {} .listing.owl-carousel.owl-loaded {} .listing.owl-carousel.owl-loaded .owl-stage-outer {margin: 0;} .listing.owl-carousel.owl-loaded .owl-stage-outer .owl-stage {display: block;} .listing.owl-carousel.owl-loaded .owl-stage-outer .owl-stage .owl-item {} .listing > div.col-md-12 .item {} .listing > div.col-md-12 .item .banner {} .listing > div.col-md-12 .item .banner img {} .listing > div.col-md-12 .item .text {} .listing > div .item .date {font-size: 13px !important;} .listing > div .item .type { font-size: 15px; } .listing > div.col-md-12 .item .text .meta {} .listing > div.col-md-12 .item .text .meta .credits {} .listing > div.col-md-12 .item .text .meta .type {} .listing > div.col-md-12 .item .text .meta .date {} .listing > div.col-md-12 .item .text .name {} .listing > div.col-md-12 .item .text .speaker {} .listing > div.col-md-12 .item .text .bottom {} .listing > div.col-md-12 .item .text .bottom .btn {} .listing + .register-btn .btn {white-space: normal; font-size: 20px; } } .gform_wrapper {margin: 0 0 30px 0;font-size: 16px;} #gform_wrapper_1302 {background:#f9f9f9;padding: 40px;} .gform_wrapper .gform_body select {width: 100%;height: 40px;border: none;padding: 0;border-radius: 0;border: none;border-bottom: solid 2px #d5d5d5;transition: all 0.3s;border-radius: 0;background: #fff;font-weight: 300;} .gform_wrapper .gform_body select:focus {border-color:#000;} .gform_wrapper .gform_body input:not() {} .gform_wrapper .gform_body textarea {width: 100%;height: 100px;border: none;border-bottom: solid 2px #d5d5d5;} .gform_wrapper .gform_body textarea::focus {border-bottom: solid 2px #000;} .gform_wrapper .gform_body {font-size: 18px; } .gform_wrapper .gform_body > ul {list-style: none;padding: 0;margin: 0;} .gform_wrapper .gform_body > ul::before, .gform_wrapper .gform_body > ul::after {content:""; clear:both; display:table} .gform_wrapper .gform_body > ul > li {margin: 0 0 40px 0;float: left;width: 100%;} .gform_wrapper .gform_body > ul > li#field_1335_38 {display:none;} .gform_wrapper .gform_body > ul > li.popupHidden {margin-bottom: 20px; } .gform_wrapper .gform_body > ul > li > label {font-size: 14px;font-weight: 600;margin: 0 0 7px 0;} .gform_wrapper .gform_body > ul > li.noTitle > label {display: none;} .gform_wrapper .gform_body > ul > li > label .gfield_required {font-size: 10px;top: -5px;position: relative;margin: 0 0 0 2px;color: #e50000;} .gform_wrapper .gform_body > ul > li > .gfield_description {font-size: 11px;opacity: 0.7;padding: 3px 0 0 0;} .gform_wrapper .gform_body > ul > li > .ginput_container {} .gform_wrapper .gform_body > ul > li > .ginput_container input:not([type=checkbox]):not([type=radio]) {width: 100%;width: 100%;height: 40px;padding: 0;border: none;border-radius: 0;border: none;border-bottom: solid 2px #d5d5d5;transition: all 0.3s;font-weight: 300;box-shadow: 0 40px #fff inset;} .gform_wrapper .gform_body > ul > li > .ginput_container input:not([type=checkbox]):not([type=radio]):focus {border-color:#000;} .gform_wrapper .gform_body > ul > li > .ginput_container input[readonly="readonly"] {background: #f2f2f2; color: #999; border: none !important; } .gform_wrapper .gform_body > ul > li > .ginput_container ul {padding: 0;list-style: none;margin: 0;} .gform_wrapper .gform_body > ul > li > .ginput_container ul li {font-size: 16px;margin: 0 0 3px 0;} .gform_wrapper .gform_body > ul > li > .ginput_container ul li input {position: relative;top: 4px;float: left;width: 18px;height: 18px;} .gform_wrapper .gform_body > ul > li > .ginput_container ul li label {margin: 0;display: block;padding: 0px 0 0 27px;} .gform_wrapper .gform_body > ul > li > .ginput_container ul li label a {text-decoration: underline; } .gform_wrapper .gform_body > ul > li > .ginput_complex {} .gform_wrapper .gform_body > ul > li > .ginput_complex::before, .gform_wrapper .gform_body > ul > li > .ginput_complex::after {clear:both; display:table; content:"";} .gform_wrapper .gform_body > ul > li > .ginput_complex > span {display: inline-block;vertical-align: top;float: left;padding: 0 20px 0 0;width: 50%;margin-bottom: 15px;} .gform_wrapper .gform_body > ul > li > .ginput_complex > .ginput_full {width:100%;padding:0} .gform_wrapper .gform_body > ul > li > .ginput_complex > .ginput_left {margin: 0;} .gform_wrapper .gform_body > ul > li > .ginput_complex > .ginput_left#input_1_4_1_container { margin: 0 !important;} .gform_wrapper .gform_body > ul > li > .ginput_complex > .ginput_left#input_1_4_2_container {margin: 0 !important;} .gform_wrapper .gform_body > ul > li > .ginput_complex > .ginput_right {padding:0;} .gform_wrapper .gform_body > ul > li > .ginput_complex > span label{margin: 0;font-size: 11px;display: block;opacity: 0.7;padding: 8px 0 0 0;font-weight: 200;} .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_prefix {width: 10%;margin: 0;} .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_first {width: 40%;margin: 0;} .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_last {width: 50%;padding: 0 0 0 0;margin: 0;} .contact-us .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_first {width: 50%;margin: 0;} .contact-us .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_last {width: 50%; padding:0} .gform_wrapper .gform_body > ul > li > .ginput_complex > #input_3_2_6_container {width: 40%;padding: 0 10px 0 0;} .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_suffix {width: 10%;padding: 0;margin: 0;} .gform_wrapper .gform_body > ul > li > .gfield_password_strength {background: #f2f2f2;text-align: center;padding: 11px 10px;font-size: 12px;margin: 20px 0 0 0;border-radius: 0;color: #222222;border-radius: 0;} .gform_wrapper .gform_body > ul > li > .gfield_password_strength.short {background-color: #FFA0A0;border-color: #f04040;} .gform_wrapper .gform_body > ul > li > .gfield_password_strength.bad {background-color: #FFB78C;border-color: #FF853C;} .gform_wrapper .gform_body > ul > li > .gfield_password_strength.good {background-color: #FFEC8b;border-color: #FC0;} .gform_wrapper .gform_body > ul > li > .gfield_password_strength.strong {background-color: #C3FF88;border-color: #8DFF1C;} .gform_wrapper .gform_body > ul > li > .gfield_password_strength.mismatch {background-color: #FFA0A0;border-color: #f04040;} .gform_wrapper .gform_body > ul > li.gform_hidden {height: 0;opacity: 0;visibility: hidden;margin: 0;} .gform_wrapper .gform_body > ul > li.gf_left_half {width: 50%;padding: 0 20px 0 0;clear: left;} .gform_wrapper .gform_body > ul > li.gf_right_half {width: 50%;} .gform_wrapper .gform_body > ul > li.gf_third {width: 33.33%;} .gform_wrapper .gform_body > ul > li.gf_third_center {width: 33.33%;padding: 0 20px;} .gform_wrapper .gform_footer {} .gform_wrapper .gform_footer input {background: #f70c00;width: auto;border: none;color: #fff;font-weight: 600;font-size: 18px;padding: 0 18px;height: 50px;border-radius: 0;} .gform_wrapper .gform_footer input:hover {} .gform_wrapper .validation_error {background: #f70c00;text-align: center;padding: 20px;color: #fff;margin: 0 0 20px 0;border-radius: 0;font-weight: 600;font-size: 14px;} .gform_wrapper .gform_body > ul > li > .gfield_description.validation_message {color: #e50000;font-weight: 600;margin: 0 0 0 0;padding: 5px 0 0 0;} .ajax_spinner {display: none !important;} .gform_wrapper select.chosen-select {height: 28px !important;min-height: 28px !important;visibility: hidden;} .gform_wrapper .chosen-container {-moz-user-select: none;background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");background-position: right 0 top 21px;background-repeat: no-repeat;background-size: 30px auto;color: #222222;display: inline-block;font-size: 13px;position: relative;vertical-align: middle;width: 100% !important;background-color: #fff;background-size: 37px auto;background-position: center right -4px;border-radius: 0;/* border: solid 1px #d5d5d5; */} .gform_wrapper .chosen-container.chosen-container-active .chosen-single {box-shadow:none;border:none;border-bottom: solid 2px #000;} .gform_wrapper .chosen-container .chosen-drop {background: #fff none repeat scroll 0 0;left: -9999px;padding: 20px 20px 20px;position: absolute;top: 100%;width: 100%;z-index: 1010;} .gform_wrapper .chosen-container.chosen-with-drop .chosen-drop {left: 0;} .gform_wrapper .chosen-container a {cursor: pointer;} .gform_wrapper .chosen-container-single .chosen-single {border: none;display: block;height: 40px;line-height: 40px;overflow: hidden;padding: 0;position: relative;text-decoration: none;border-radius: 0;white-space: nowrap;border: none;border-bottom: solid 2px #d5d5d5;transition: all 0.3s;} .gform_wrapper .chosen-container-single .chosen-default {color: #999;} .gform_wrapper .chosen-container-single .chosen-single span {display: block;color: #222222;font-size: 18px;margin-right: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0;border: none;font-weight: 300;} .gform_wrapper .chosen-container-single .chosen-single-with-deselect span {margin-right: 38px;} .gform_wrapper .chosen-container-single .chosen-single abbr {display: block;font-size: 1px;height: 12px;position: absolute;right: 26px;top: 6px;width: 12px;} .gform_wrapper .chosen-container-single .chosen-single abbr:hover, .gform_wrapper .chosen-container-single.chosen-disabled .chosen-single abbr:hover {background-position: -42px -10px;} .gform_wrapper .chosen-container-single .chosen-single div {display: block;height: 100%;position: absolute;right: 0px;top: 0;width: 18px;} .gform_wrapper .chosen-container-single .chosen-single div b {display: block;height: 100%;width: 100%;} .gform_wrapper .chosen-container-single .chosen-search {margin: 0;position: relative;white-space: nowrap;z-index: 1010;} .gform_wrapper .chosen-container-single .chosen-search::after {content: "\f002";font-family: "Font Awesome 5 Free";color: #222222;position: absolute;right: 10px;top: 10px;font-weight: bold;} .gform_wrapper .chosen-container-single .chosen-search input[type="text"] {border: none !important;border-radius: 0;box-sizing: border-box;font-size: 16px;height: 40px;line-height: normal;margin: 0 0 10px;padding: 0px 10px !important;width: 100%;} .gform_wrapper .chosen-container-single .chosen-drop {background-clip: padding-box;border-radius: 0;margin-top: 0px;border: none;border-top: none;background: #f4f4f4;} .gform_wrapper .chosen-container-single.chosen-container-single-nosearch .chosen-search {left: -9999px;position: absolute;} .gform_wrapper .chosen-container .chosen-results {margin: 0 0 4px 0;max-height: 240px;overflow-x: hidden;overflow-y: auto;padding: 0 0 0 4px;position: relative;} .gform_wrapper .chosen-container .chosen-results li {display: none;line-height: 15px;list-style: outside none none;margin: 0;padding: 5px 6px;} .gform_wrapper .chosen-container .chosen-results li.active-result {cursor: pointer;display: list-item;padding: 0 !important;font-size: 14px;} .gform_wrapper .chosen-container .chosen-results li.result-selected {} .gform_wrapper .chosen-container .chosen-results li.disabled-result {color: #ccc;cursor: default;display: list-item;} .gform_wrapper .chosen-container .chosen-results li.highlighted {} .gform_wrapper .chosen-container .chosen-results li.no-results {background: #f9f9f9 none repeat scroll 0 0;display: list-item;} .gform_wrapper .chosen-container .chosen-results li.group-result {cursor: default;display: list-item;font-weight: bold;} .gform_wrapper .chosen-container .chosen-results li.group-option {padding-left: 15px;} .gform_wrapper .chosen-container .chosen-results li em {font-style: normal;text-decoration: underline;} .gform_wrapper .chosen-container-multi .chosen-choices {background-color: #fff;background-image: linear-gradient(#eee 1%, #fff 15%);border: 1px solid #aaa;box-sizing: border-box;cursor: text;height: auto !important;margin: 0;overflow: hidden;padding: 0;position: relative;width: 100%;} .gform_wrapper .chosen-container .chosen-results li {display: none;line-height: 15px;list-style: outside none none;margin: 0;padding: 5px 6px;} .gform_wrapper .chosen-container .chosen-results li.active-result {cursor: pointer;display: list-item;padding: 4px 5px !important;font-size: 14px;} .gform_wrapper .chosen-container .chosen-results li.result-selected {} .gform_wrapper .chosen-container .chosen-results li.disabled-result {color: #ccc;cursor: default;display: list-item;} .gform_wrapper .chosen-container .chosen-results li.highlighted {background: #f70c00;color: #fff;} .gform_wrapper .chosen-container .chosen-results li.no-results {background: none;display: list-item;} .gform_wrapper .chosen-container .chosen-results li.group-result {cursor: default;display: list-item;font-weight: bold;} .gform_wrapper .chosen-container .chosen-results li.group-option {padding-left: 15px;} .gform_wrapper .chosen-container .chosen-results li em {font-style: normal;text-decoration: underline;} .gform_wrapper .chosen-container-multi .chosen-results {margin: 0;padding: 0;} .gform_wrapper .chosen-container-multi .chosen-drop .result-selected {color: #ccc;cursor: default;display: list-item;} .gform_wrapper .chosen-container-active .chosen-single {border: 1px solid #5897fb;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);} .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single {border-bottom-left-radius: 0;border-bottom-right-radius: 0;box-shadow: none;border: none;border-bottom: solid 2px #000;} .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single div {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border-left: medium none;} .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single div b {background-position: -18px 2px;} .gform_wrapper .chosen-container-active .chosen-choices {border: 1px solid #5897fb;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);} .gform_wrapper .chosen-container-active .chosen-choices li.search-field input[type="text"] {color: #111 !important;} .gform_wrapper .chosen-disabled {cursor: default;opacity: 0.5 !important;} .gform_wrapper .chosen-disabled .chosen-choices .search-choice .search-choice-close, .gform_wrapper .chosen-disabled .chosen-single {cursor: default;} .gform_wrapper .chosen-rtl {text-align: right;} .gform_wrapper .chosen-rtl .chosen-single {overflow: visible;padding: 0 8px 0 0;} .gform_wrapper .chosen-rtl .chosen-single span {direction: rtl;margin-left: 26px;margin-right: 0;} .gform_wrapper .chosen-rtl .chosen-single-with-deselect span {margin-left: 38px;} .gform_wrapper .chosen-rtl .chosen-single div {left: 3px;right: auto;} .gform_wrapper .chosen-rtl .chosen-single abbr {left: 26px;right: auto;} .gform_wrapper .chosen-rtl .chosen-choices li {float: right;} .gform_wrapper .chosen-rtl .chosen-choices li.search-field input[type="text"] {direction: rtl;} .gform_wrapper .chosen-rtl .chosen-choices li.search-choice {margin: 3px 5px 3px 0;padding: 3px 5px 3px 19px;} .gform_wrapper .chosen-rtl .chosen-choices li.search-choice .search-choice-close {left: 4px;right: auto;} .gform_wrapper .chosen-rtl .chosen-drop, .gform_wrapper .chosen-rtl.chosen-container-single-nosearch .chosen-search {left: 9999px;} .gform_wrapper .chosen-rtl.chosen-container-single .chosen-results {margin: 0 0 4px 4px;padding: 0 4px 0 0;} .gform_wrapper .chosen-rtl .chosen-results li.group-option {padding-left: 0;padding-right: 15px;} .gform_wrapper .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {border-right: medium none;} .gform_wrapper .chosen-rtl .chosen-search input[type="text"] {direction: rtl;padding: 4px 5px 4px 20px;} .gform_wrapper .chosen-rtl.chosen-container-single .chosen-single div b {background-position: 6px 2px;} .gform_wrapper .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {background-position: -12px 2px;} .gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {display: none!important; position: absolute!important; left: -9000px; margin: 0; } .gform_wrapper .gform_body > ul > li .ginput_container.ginput_container_likert {} .gform_wrapper .gform_body > ul > li .ginput_container.ginput_container_likert table.gsurvey-likert {border: none;} .gform_wrapper .gform_body > ul > li .ginput_container.ginput_container_likert table.gsurvey-likert thead {} .gform_wrapper .gform_body > ul > li .ginput_container.ginput_container_likert table.gsurvey-likert thead tr {} .gform_wrapper .gform_body > ul > li .ginput_container.ginput_container_likert table.gsurvey-likert thead tr th {border: none;background: none;padding: 0 0 5px 0 !important;text-align: left;color: #222222;font-size: 14px;} .gform_wrapper .gform_body > ul > li .ginput_container.ginput_container_likert table.gsurvey-likert tbody {} .gform_wrapper .gform_body > ul > li .ginput_container.ginput_container_likert table.gsurvey-likert tbody tr {} .gform_wrapper .gform_body > ul > li .ginput_container.ginput_container_likert table.gsurvey-likert tbody tr td {border: none;text-align: left;background-position: center left;background-color: #fff !important;} .gquiz-container {background: #f2f2f2;padding: 30px;border-radius: 20px;margin: 20px 0 0 0;} .gquiz-container .gquiz-field {} .gquiz-container .gquiz-field .gquiz-field-label {} .gquiz-container .gquiz-field .gquiz-field-choice {} .gquiz-container .gquiz-field .gquiz-field-choice ul {list-style: none;padding: 0;} .gquiz-container .gquiz-field .gquiz-field-choice ul li {position: relative;padding: 0 0 0 32px;/* color: #999; */line-height: 1.2;margin: 0 0 5px 0;} .gquiz-container .gquiz-field .gquiz-field-choice ul li.gquiz-correct-response {font-weight: bold;/* color: #777; */} .gquiz-container .gquiz-field .gquiz-field-choice ul li.gquiz-correct-response::before {content:"\f00c";font-family: "Font Awesome 5 free";color: #f70c00;position: absolute;left: 0;font-size: 22px;top: -2px;font-weight: bold;} .gquiz-container .gquiz-field .gquiz-field-choice ul li.gquiz-incorrect-response {color: #d8181d;font-weight: bold;} .gquiz-container .gquiz-field .gquiz-field-choice ul li.gquiz-correct-choice {font-weight: bold;/* color: #777; */} .gquiz-container .gquiz-field .gquiz-field-choice ul li.gquiz-incorrect-response::before {content:"\f00d";font-family:"Font Awesome 5 free";color: #d8181d;position: absolute;left: 0;font-size: 25px;top: -2px;font-weight: bold;} .gquiz-container .gquiz-field .gquiz-field-choice ul li img {display: none;} .ceQuiz h4 {font-size: 28px;} .ceQuiz h3 {font-size: 28px;} .ceQuiz .gform_wrapper {background: #f9f9f9;padding: 30px;border-radius: 0;} .ceQuiz .gform_wrapper .gform_body > ul > li > .ginput_container {} .ceQuiz .gform_wrapper .gform_body > ul > li > label {font-size: 18px;line-height: 1.2;margin: 0 0 8px 0;} .ceQuiz .gform_wrapper .gform_body > ul > li > .ginput_container ul li {margin: 0 0 7px 0;} .ceQuiz .gform_wrapper .gform_body > ul > li > .ginput_container ul li input {width: 18px;height: 18px;vertical-align: top;top: 1px;} .ceQuiz .gform_wrapper .gform_body > ul > li > .ginput_container ul li label {font-size: 16px;line-height: 1.3;padding: 0 0 0 24px;} .update_email_address {} .update_email_address label {margin: 0 0 3px 0;font-weight: 600;font-size: 14px;} .update_email_address label span {font-size: 10px; top: -5px; position: relative; margin: 0 0 0 2px; color: #e50000; } .update_email_address strong {display: block;line-height: 50px;background: rgba(0,0,0,0.05);padding: 0 15px;border-radius: 0;font-weight: 300;color: #999;} .update_email_address em {display: block; font-style: normal; font-size: 12px; opacity: 0.7; padding: 3px 0 0 0;} .register-terminate {font-size: 14px; color: #999; margin: 70px 0 0 0; } .register-terminate strong {} .register-terminate a {text-decoration: underline; color: #999 !important; } /* #gform_wrapper_362.gform_wrapper .gform_body > ul > li > .gfield_label_before_complex {display: none; } #gform_wrapper_362.gform_wrapper .gform_body > ul > li > .ginput_complex {} #gform_wrapper_362.gform_wrapper .gform_body > ul > li > .ginput_complex > span {position:relative} #gform_wrapper_362.gform_wrapper .gform_body > ul > li > .ginput_complex > span input {} #gform_wrapper_362.gform_wrapper .gform_body > ul > li > .ginput_complex > span label {font-size: 15px; color: #000; opacity: 1; position: absolute; top: 10px; left: 13px; pointer-events: none; transition: all 0.3s; } #gform_wrapper_362.gform_wrapper .gform_body > ul > li > .ginput_complex > span input:focus + label {top: -27px;} */ #gform_wrapper_1177 .gform_body > ul > li > .ginput_container input:not([type=checkbox]):not([type=radio]) {box-shadow:0 40px #f4f4f4 inset; border-bottom: solid 2px #d5d5d5;} #gform_wrapper_1177 .gform_body > ul > li > .ginput_container input:not([type=checkbox]):not([type=radio]):focus {border-bottom: solid 2px #000; } .gform_wrapper .gform_body > ul > li > .ginput_container.ginput_container_date .screen-reader-text {display: none;} #ui-datepicker-div { background: #fff; padding: 20px; box-shadow: 0 0 7px rgba(0,0,0,0.1); } #ui-datepicker-div .ui-datepicker-header { display: flex; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev { cursor: pointer; order: 1; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span {display: none;} #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {order: 3;cursor: pointer;} #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span {display: none;} #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev::before, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next::before {content:"";width: 30px;height: 30px;display: inline-block;/* background: #eee; */border-radius: 50%;color:#000;text-align: center;line-height: 30px;font-size: 13px;} #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev::before {content:"\f060";font-family:"Font Awesome 5 Free";font-weight:900;text-align: left;} #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next::before {content:"\f061";font-family:"Font Awesome 5 Free";font-weight:900;text-align: right;} #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {order: 2;margin: 0 auto;} #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select { padding: 5px 11px; background-color: #f2f2f2 !important; border: none; font-weight: 300; margin: 0 4px; font-size: 14px; min-width: 81px; } #ui-datepicker-div .ui-datepicker-calendar { width: 100%; font-size: 14px; text-align: center; margin: 20px 0 0 0; } #ui-datepicker-div .ui-datepicker-calendar thead { font-size: 13px; } #ui-datepicker-div .ui-datepicker-calendar thead tr {} #ui-datepicker-div .ui-datepicker-calendar thead tr td {} #ui-datepicker-div .ui-datepicker-calendar thead tr th.ui-datepicker-week-end {} #ui-datepicker-div .ui-datepicker-calendar tbody {} #ui-datepicker-div .ui-datepicker-calendar tbody tr {} #ui-datepicker-div .ui-datepicker-calendar tbody tr td { padding: 2px; } #ui-datepicker-div .ui-datepicker-calendar tbody tr td a { color: #000; /* padding: 9px; */ line-height: 34px; display: block; border-radius: 50%; width: 34px; height: 34px; border:solid 1px #fff; } #ui-datepicker-div .ui-datepicker-calendar tbody tr td a:hover {font-weight:600; border:solid 1px #eee} #ui-datepicker-div .ui-datepicker-calendar tbody tr td a.ui-state-active { background: #f70c00; color: #fff; border: solid 1px #f70c00; font-weight: 600; } #ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-today {} #ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-today a { background: #eee; font-weight: 600; } @media (max-width: 767px) { .gform_wrapper .gform_body > ul > li.gf_left_half {padding:0; width:100%;} .gform_wrapper .gform_body > ul > li.gf_right_half {padding:0; width:100%;} .gform_wrapper .gform_body > ul > li.gf_third, .gform_wrapper .gform_body > ul > li.gf_third_center {padding:0; width:100%;} .gform_wrapper .gform_body > ul > li > .ginput_complex > span {width:100% !important;padding:0;margin: 0 0 15px 0 !important;padding: 0 !important;} .ceQuiz .gform_wrapper {padding: 20px;} #gform_wrapper_1302 {padding: 20px;} } .loginNotification {color: #fff;padding: 40px;width: 100%;margin: 0 0 0 0;text-align: center;border-radius: 0;position: absolute;left: 0;top: 0px;bottom: 0;background: rgba(0,0,0,0.7) !important;display: flex;justify-content: center;align-items: center;} .loginNotification::before {} .loginNotification .text {background: #f70c00;color: #fff;padding: 40px;width: 100%;border-radius: 0;max-width: 800px;} .loginNotification h1 {} .loginNotification h2 {font-size: 24px;font-weight: bold;letter-spacing: 0;margin: 0 0 8px 0;color: #fff;} .loginNotification p:last-child {margin:0} .loginNotification h2 a {text-decoration: underline;color:#fff;} .loginNotification .btn {background: #fff; color: #212529 !important; } @media (max-width: 767px) { .loginNotification {position: relative;padding: 0;} .loginNotification::before {} .loginNotification .text {padding: 20px;} .loginNotification h1 {} .loginNotification h2 {font-size: 20px;} .loginNotification p {font-size: 14px;} .loginNotification p .btn {margin: 0 0 0 0;font-size: 14px;padding: 8px 16px;} .loginNotification h2 a {} } .owl-dots {display: inline-block !important;width: auto;text-align: center;position: relative;} .owl-dots .owl-dot {width: 12px;height: 12px;display: inline-block;position: relative;background: #bbb;vertical-align: middle;margin: 0 5px;} .owl-dots .owl-dot.active {background: #f70c00; } .owl-dots .owl-dot.active span {/* content:""; *//* height: 7px; *//* width: 7px; *//* background: #fff; *//* display: inline-block; *//* border-radius: 50%; *//* position: absolute; *//* left: 4px; *//* top: 4px; */} .owl-dots .owl-dot span {} .slider-wrap {position:relative;} .slider {margin: 0 0 0 0;width: 100%;/* z-index: 101; */position: relative;background: url(/wp-content/themes/dtsc2021/_sites/www.knstudyclub.de/images/listing-bg.jpg) bottom right no-repeat;background-size: cover;} .single .slider {margin:0} .slider.owl-carousel {height: 0;overflow: hidden;} .slider.owl-carousel.owl-loaded {height: auto;overflow: visible;} .slider .item {display: flex;position: relative;} .slider .item > .photo {flex: 0 1 45%;position: relative;align-self: flex-end;z-index: 101;padding: 40px 0 0 0;} .slider .item .photo { } .slider .item .photo a {} .slider .item .photo img {display: none;} .slider .item .photo img:nth-child(1) {display: block;} .slider .item .credits {width: 60px;height: 60px;color: #fff;text-align: center;border-radius: 50%;line-height: 56px;font-weight: 300;font-size: 18px;display: inline-block;vertical-align: middle;margin: 0;border: solid 2px #fff;margin: 0 15px 0 0;letter-spacing: -1px;} .slider .item .credits strong {} .slider .item .credits span { } .slider .item .text {flex: 1;padding-top: 0;z-index: 99;/* position: relative; */align-self: center;/* min-height: 100%; */opacity: 0;} .slider .item .text .sponsor {margin: 0 0 40px 0; } .slider .item .text .sponsor img {max-height: 65px;max-width: 170px;width: auto;margin: 0;display: inline-block;display:none;} .slider .item .text .sponsor img:first-child {display:block} .slider .item .ribbon em {display: inline-block;vertical-align: middle;font-style: normal;line-height: 1;text-transform: uppercase;font-weight: 700;text-align: left;} .slider .item .ribbon .type {font-size: 26px;border-radius: 0;text-transform: uppercase;margin: 0 0 3px 0;line-height: 0.9;display: block;} .slider .item .ribbon .type br {display: none;} .slider .item .ribbon .date {line-height: 1.1;font-size: 17px;} .slider .item .ribbon .clear {flex: 0 1 100%; } .slider .item .text .name-wrap {height:230px;margin: 0 0 5px 0;} .slider .item .text .name {color: #D60008;font-size: 52px;font-weight: 400;line-height: 1;display: block;} .slider .item .text .speaker-wrap {} .slider .item .text .speaker-wrap .photo {display:none;} .slider .item .text .speaker-wrap .photo img {display:none;border-radius: 50%;max-width: 180px;} .slider .item .text .speaker-wrap .photo img:first-child {display:block;} .slider .item .text .speaker strong {} .slider .item .text .speaker {margin: 15px 0 35px 0;font-size: 20px;/* font-weight: bold; */color: #222222;} .slider .item .text .speaker strong { font-weight: 300; } .slider .item .text .speaker .title {opacity: 1; } .slider .item .text .speaker .separator {opacity: 1; } .slider .item .text .override-countdown { background: #D60008; color: #fff; padding: 20px; position: relative; display: flex; align-items: center; } .slider .item .text .override-countdown a { color: #fff; text-decoration: underline; } .slider .item .text .override-countdown i {font-size: 44px;margin: 0 20px 0 0;} .slider .item .text .override-countdown span { font-size: 18px; } .slider .item .top {width: 100%; display: flex; align-items: center; } .slider .item .top .left {min-width: 345px; } .slider .item .top .right { margin: 0 0 0 40px; } .slider .item .bottom {margin: 20px 0 0 0; } .slider .item .text > .date {margin: 0 0 0 10px;display: inline-block;line-height: 1;font-size: 18px;vertical-align: middle;} .slider .item .text > .date strong {display: block; text-transform: uppercase; font-weight: bold; font-size: 26px; margin: 0 0 2px 0; } .slider .item .text .btn {color: #fff;font-size: 20px;padding: 17px 20px;margin: 0 0 20px 0;background: #D60008;color: #fff !important;font-weight: bold;} .slider .item .text .btn.details {background: none;text-transform: none;color: #f70c00 !important;padding: 0;} .slider .item .text .actions {flex: 0 1 100%; } #slider-dots {margin: 0;position: absolute;left: 0;height: auto !important;bottom: 0;width: 10px;text-align: center;z-index: 101;vertical-align: bottom;font-size: 0;} #slider-dots .owl-dot {background: #f70c00;background: #bbb;display: inline-block;width: 10px;height: 10px;vertical-align: baseline;transition: all 0.3s;margin: 8px 0 0px 0;border-radius: 50%;} #slider-dots .owl-dot.active {opacity: 1;background: #fff;} .slider .owl-stage-outer { } .slider .owl-stage-outer .owl-stage {align-items:flex-start; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .slider .owl-stage-outer .owl-stage .owl-item {} .slider .owl-nav {display: block !important; } .slider .owl-nav .owl-prev {position: absolute; top: 50%; left: 10px; transform: translateY(-50%); } .slider .owl-nav .owl-next {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .slider .owl-nav .owl-prev::before, .slider .owl-nav .owl-next::before {content:"";font-family: "icomoon";font-size: 58px;opacity: 0.2;} .slider:hover .owl-nav .owl-prev::before, .slider:hover .owl-nav .owl-next::before {opacity: 1;} .slider .owl-nav .owl-prev::before {content:"\F142";} .slider .owl-nav .owl-next::before {content:"\F16C";} .ribbon-wrap {position: absolute;width: 100%;bottom: 0;transform: translate(0,0);overflow: hidden;left: 0;z-index: 100;height: 0;} .ribbon {transform:translate(0,0);background: #D60008;color: #fff;width: 100%;padding: 20px;display: flex;align-items: center;flex-wrap: wrap;} .on .ribbon {-webkit-animation: reveal 0.5s forwards;} .on .ribbon-wrap {-webkit-animation: reveal 0.5s forwards;height:auto;} @-webkit-keyframes reveal { 100% { transform: translate(0,0) } } @media (max-width: 1500px) { .slider .owl-nav {display: none !important} } @media (max-width: 1340px) { .slider {padding: 0 !important;} .slider .item .text {padding-left: 30px;padding-top: 30px;padding-bottom: 30px;} } @media (max-width:1100px) { .listingName {margin: 0 0 5px 0;} .all {float: none;margin: 0 0 10px 0;} .all a {} .slider {margin: 0; } .slider .item {flex-wrap: wrap;border-radius: 0;min-height: 1px;} .slider:not(owl-carousel) .item {} .slider .item {} .slider .item > .photo {display: none} .slider .item .photo a {} .slider .item .photo a img {} .slider .item .text {padding: 40px 60px 20px !important;margin: 0 !important;flex: 0 1 100%;display: flex;flex-direction: column;text-align: center;justify-content: center;align-content: center;} .slider .item .text > * {order:5} .slider .item .text .meta {margin: 0 auto 15px;display: inline-block;text-align: left;padding: 0 0 0 55px;} .slider .item .credits {} .slider .item .text .meta .type {display: inline-block;margin: 0 10px 0 auto;font-size: 16px;} .slider .item .text .meta .date {text-align: left;margin: 0 auto 0 0;font-size: 14px;} .slider .item .text .meta .flag {height: 27px; margin: 0 0 0 14px; } .slider .item .text .sponsor {margin: 15px 0 0 0;order: 6;} .slider .item .text .sponsor img {margin: 0 auto;max-height: 35px;max-width: 180px;} .slider .item .text .name-wrap {margin: 0 0 20px 0;order: 1;} .slider .item .text .name {font-size: 36px;} .slider .item .text .foot {} .slider .item .text .speaker-wrap {order: 0; display: flex; justify-content: center; flex-wrap: wrap; } .slider .item .text .speaker-wrap .photo {display: block;margin: 0 0 10px 0;text-align: center;} .slider .item .text .speaker-wrap .photo img {background:#ffffff;border: solid 2px #eee;} .slider .item .text .speaker {flex: 0 1 100%;margin: 0 0 20px 0;font-size: 16px;line-height: 1.1;} .slider .item .text .speaker strong {} .slider .item .text .foot .btn {margin: 10px auto 0;} .slider .owl-dots {text-align: center; right: 20px; left: 20px; bottom: 10px; } .slider .owl-dots .owl-dot {margin: 0 5px !important; } .slider .item .text .override-countdown {flex-wrap:wrap;justify-content:center;max-width: 500px;margin: 0 auto;} .slider .item .text .override-countdown i {margin-bottom:10px} .slider .item .text .override-countdown span {font-size: 16px;flex:0 1 100%;} .countdown {margin: 0 auto 20px auto;flex: 0 1 100%;justify-content: center;} .contentWrap {/* padding: 0 20px 20px; */} .countdownBoxWrapper .btn {margin: 0 auto 20px auto !important;padding: 10px 20px;font-size: 14px;white-space: normal;line-height: 1;font-size: 18px !important;} .countdownBoxWrapper .actions { margin: 0 auto; text-align: center; } .countdownBoxWrapper .actions .calendar { /* display: block; */ /* margin: 6px 0 10px 0; */ text-align: center; } .countdownBoxWrapper .actions .timezone { margin-right: 0; } .home .countdownBoxWrapper {justify-content:center;margin-bottom: 0;} .home .countdownBoxWrapper .btn {} .countdownBoxWrapper .btn i {margin: 0 10px 0 0; vertical-align: middle; font-size: 18px; } .ribbon-wrap {animation: none !important;overflow: visible;position: relative;transform: none !important;left: auto;bottom: auto;height: auto !important;} .ribbon {-webkit-animation: reveal 0.5s forwards;height:auto;transform: none !important;animation: none !important;padding: 20px;} .slider .item .top {flex-wrap: wrap; } .slider .item .top .left {min-width: unset; flex: 0 1 100%; text-align: center; } .slider .item .top .right {flex: 0 1 100%; text-align: center; margin: 11px 0 0 0; } .slider .item .bottom {} .slider .item .bottom .left {} .slider .item .bottom .right {} .ribbon .credits {} .ribbon em {} .ribbon em .type {} .ribbon em .date {} .ribbon em .date {} .ribbon .clear {display: none; } .ribbon .bottom {margin: 0 0 0 auto !important; align-items: center; } .ribbon .bottom .countdownBoxWrapper {align-items: center; } .ribbon .bottom .countdownBoxWrapper .countdown {margin: 0; flex: 1; } .ribbon .bottom .countdownBoxWrapper .btn {margin: 0 0 0 auto !important; } } @media (max-width:991px) { .contentWrap {padding:40px 20px;} .slider .item .text { padding: 30px 20px !important; } } @media (max-width:767px) { .slider .item .credits {margin: 0 12px 0 auto; } .ribbon em {margin: 0 auto 0 auto;} .ribbon .credits + em {margin: 0 auto 0 0;} .ribbon em .type {} .ribbon em .date {} .ribbon em .date {} .ribbon .clear {} .ribbon .bottom {width: 100%; margin: 10px 0 0 0 !important; } .ribbon .bottom .countdownBoxWrapper {} .ribbon .bottom .countdownBoxWrapper .countdown {flex: 0 1 100%;margin: 0 0 20px 0;} .ribbon .bottom .countdownBoxWrapper .btn {margin: 0 auto !important; } .slider .item .text .name-wrap { height: auto !important; } .slider .item .text .name {font-size: 27px !important;line-height: 1.2;} .countdownBoxWrapper .btn { margin: 0 auto 20px !important; } .countdownBoxWrapper .actions { margin: 0 auto; flex: 0 1 100%; text-align: center; } .countdownBoxWrapper .actions .calendar { display: inline-block; margin: 0 7px 0 0; } .countdownBoxWrapper .actions .timezone { margin: 0 0 0 7px; } } .mainContent .timezones {background: #f2f2f2;padding: 20px;font-size: 16px;margin: 0 0 20px 0;width: 100%;border-radius: 0;} .mainContent .timezones h3 {font-size: 22px;text-transform: uppercase;margin: 0 0 30px 0;position: relative;padding: 0 64px 0 0;} .mainContent .timezones h3 strong {display: block;} .mainContent .timezones h3::after{content:"\f0ac";font-family: "Font Awesome 5 Free";color: #d3d3d3;font-size: 57px;position: absolute;right: 0;top: -10px;height: 65px;display: inline-block;line-height: 72px;font-weight: bold;} .mainContent .timezones h4 {font-size:18px;font-weight: bold;letter-spacing: -0.5px;} .mainContent .timezones .timezoneItem {display: flex;border-bottom: solid 1px rgba(0,0,0,0.05);margin: 0 0 12px 0;padding: 0 0 12px 0;} .mainContent .timezones .timezoneItem:last-child {margin:0; padding:0; border:none;} .mainContent .timezones .timezoneItem .location {margin: 0;font-size: 15px;padding: 0 20px 0 0px;} .mainContent .timezones .timezoneItem .time {margin: 0 0 0 auto;font-size: 15px;} p.sponsorship {opacity: 0.8;font-size: 14px;margin: 0px 0 0 0;} .single .tabs {margin: -148px 0 0 0;} .single .tabs li {margin: 0;padding: 0;} .single .tabs li.active {} .single .tabs li a {font-size: 30px;line-height: 1;padding: 24px 32px;background: none;color: #fff;border-radius: 10px 10px 0 0;text-transform: uppercase;outline: none;} .single .tabs li:last-child a {font-weight: bold;} .single .tabs li a:hover {background:none;} .single .tabs li.active a:hover {background:#fff;} .single .tabs li.active a {color: #f70c00;/* font-weight: bold; */} .single .tabs-content {padding: 70px 0 0 0;} .single .tabs-content .section {} /* =========================== */ /* ======== Comments ======== */ /* =========================== */ .comments-area .comment-respond h3 {margin: 0 0 10px 0;} .comments-area .comment-respond .comment-form-comment label {display: none;} .comments-area {max-width: 100%;margin: 50px auto 0;width: 100%;} .comments-area #wc-comment-header {max-width: 100%;font-size: 25px;text-transform: uppercase;font-weight: bold;padding: 0;margin: 20px 0 0px 0;} .comments-area #wc_show_hide_loggedin_username {max-width: 100%;padding: 10px 0;} .comments-area #wc_show_hide_loggedin_username .wc_show_hide_loggedin_username {font-size: 15px;} .comments-area #wc_show_hide_loggedin_username .wc_show_hide_loggedin_username a {} .comments-area #wpcomm {max-width: 100%;border: none;} .comments-area #wpcomm .wc-comment-bar {display: none;} .comments-area #wpcomm .wc-comment-bar .wc-comment-title {} .comments-area #wpcomm .wc_social_plugin_wrapper {} .comments-area #wpcomm .wpdiscuz-subscribe-bar {padding: 20px;border: none;background: #f2f2f2;} .comments-area #wpcomm .wpdiscuz-subscribe-bar form {} .comments-area #wpcomm .wpdiscuz-subscribe-bar form .wpdiscuz-subscribe-form-intro {height: 40px;padding: 0 20px 0 0;line-height: 40px;} .comments-area #wpcomm .wpdiscuz-subscribe-bar form .wpdiscuz-subscribe-form-option {} .comments-area #wpcomm .wpdiscuz-subscribe-bar form .wpdiscuz-subscribe-form-option select {height: 40px !important;padding: 0 10px !important;font-size: 16px !important;border: none !important;border-radius: 0;} .comments-area #wpcomm .wpdiscuz-subscribe-bar form .wpdiscuz-subscribe-form-email {} .comments-area #wpcomm .wpdiscuz-subscribe-bar form .wpdiscuz-subscribe-form-email input {height: 40px !important;padding: 0 10px !important;font-size: 16px !important;border: none !important;} .comments-area #wpcomm .wpdiscuz-subscribe-bar form .wpdiscuz-subscribe-form-button {} .comments-area #wpcomm .wpdiscuz-subscribe-bar form .wpdiscuz-subscribe-form-button input {background: #fae053;color: #222222;height: 40px !important;line-height: 4px !important;padding: 0 !important;border-radius: 0;border: none;} .comments-area #wpcomm .wc-form-wrapper {border: none;padding: 20px;background: #f2f2f2;} .comments-area #wpcomm .wc-form-wrapper .wpdiscuz-comment-message {} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form {} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-field-comment {margin: 0;} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-field-comment .wc-field-avatararea {} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-field-comment .wc-field-avatararea img {} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-field-comment .wc-field-textarea {margin-left: 72px;} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap {border: none;padding: 0;} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap textarea {display: inline-block;width: 100%;border-radius: 0;} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-field-comment .wc-field-textarea .wpdiscuz-textarea-wrap::before {content: none;width: 0;height: 0;border-style: solid;border-width: 10px 13px 10px 0;border-color: transparent #fff transparent transparent;display: inline-block;vertical-align: top;margin: 18px -3px 0 0;position: absolute;left: 0;top: 0;} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-form-footer {margin-left: 72px;} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-form-footer .wpd-form-row {} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-form-footer .wpd-form-row .wpd-form-col-left {} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-form-footer .wpd-form-row .wpd-form-col-left input {border:none;} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-form-footer .wpd-form-row .wpd-form-col-right {width: 50%;} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-form-footer .wpd-form-row .wpd-form-col-right input {border:none;height: 32px;} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-form-footer .wpd-form-row .wpd-form-col-right .wc-field-submit {} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-form-footer .wpd-form-row .wpd-form-col-right .wc-field-submit .wc_notification_checkboxes {} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-form-footer .wpd-form-row .wpd-form-col-right .wc-field-submit .wc_notification_checkboxes input {margin: 1px 3px 0 0;vertical-align: top;height: auto;} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-form-footer .wpd-form-row .wpd-form-col-right .wc-field-submit .wc_notification_checkboxes label {color: #222222;} .comments-area #wpcomm .wc-form-wrapper .wc_comm_form .wc-form-footer .wpd-form-row .wpd-form-col-right .wc-field-submit .wc_comm_submit {background: #fae053;border: none;color: #222222;text-shadow: none;text-transform: uppercase;font-weight: 400;font-size: 13px;padding: 0 15px;border-radius: 0;margin: 0;} .comments-area #wpcomm .wpdiscuz-front-actions {display: none;} .comments-area #wpcomm .wc-thread-wrapper {margin: 50px 0 20px 0;padding: 0;} .comments-area #wpcomm .wc-thread-wrapper > .wc-comment {border-bottom: solid 1px #ddd;margin: 0 0 40px 0;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-left {} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-left img {} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-left .wc-blog-user {display: none;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right {background: none;margin: 0 0 40px 80px;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-header {height: 25px;margin: 0 0 4px 0;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-header .wc-comment-author {padding: 0;color: #222222;font-weight: 400;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-header .wc-comment-author a {color: #222222;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-header .wc-comment-link {margin: 0;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-header .wc-comment-link {} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-text {padding: 0;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-text p {font-size: 14px;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-text p:last-child {margin: 0;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer {border: none;padding: 0;margin: 10px 0 0 0;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left {} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-vote-link {vertical-align: top;height: 25px;line-height: 25px;padding: 0 5px;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-vote-link i {} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-vote-link span {} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-vote-result {font-size: 12px;line-height: 23px;height: 25px;height: 25px;padding: 0 5px;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-cta-button {margin: 0 4px 0 0;background: #8493ca !important;border: none !important;height: 25px;line-height: 25px;padding: 0 8px;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-cta-button:hover {border: none !important;background: #8493ca !important;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-cta-button:focus {border: none !important;background: #222222 !important;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-left .wc-cta-button i {vertical-align: top;margin: 7px 4px 0 0;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-right {} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-right .wc-comment-date {line-height: 30px;} .comments-area #wpcomm .wc-thread-wrapper .wc-comment .wc-comment-right .wc-comment-footer .wc-footer-right .wc-comment-date i {} .wpdiscuz-loading-bar {position: relative !important;top: 0 !important;} .comments-area ol li .comment-body .reply a {background: none;color: #D60008;padding: 0;text-decoration: underline;} .comments-area .comment-respond .form-submit input {background: #D60008;} /* ================================= */ /* ======== Dental experts ======== */ /* ================================= */ .speakersListing {} .speakersListing > div {margin-bottom: 30px; } .speakersListing > div .item {margin-bottom: 0;padding: 20px 0 0 20px;height: 100%;display: flex;border-radius: 0;overflow: hidden;background: url(/res/zwpstudyclub/general/images/webinar-bg.jpg) top right no-repeat;background-size: cover;} .speakersListing > div .item .banner {flex: 0 1 180px; align-self: flex-end; } .speakersListing > div .item .banner img {margin: 0;} .speakersListing > div .item .name {font-size: 20px;line-height: 1;flex: 1;color: #f70c00;align-self: center;font-weight: 600;} .speakersListing > div .item .name span {opacity: 1;line-height: 1;margin: 5px 0 5px 0;font-weight: 300;} @media (max-width: 767px) { .speakersListing > div {margin-bottom:20px} } @media (max-width: 480px) { .speakersListing {} .speakersListing > div {} .speakersListing > div .item {} .speakersListing > div .item .banner {flex: 0 1 100px;} .speakersListing > div .item .banner img {} .speakersListing > div .item .name {font-size: 15px; } .speakersListing > div .item .name span {} } .productListing {} .productListing p:empty {display:none } .productListing .row {} .productListing .row > div {margin-bottom: 30px;} .productListing .row > div .item {display: flex;align-items: flex-start;} .productListing .row > div .item img {max-width: 160px;} .productListing .row > div .item .productDetails {padding: 0 0 0 20px;} .productListing .row > div .item .productDetails .name {font-size: 23px;margin: 0 0 3px 0;color: #fff;} .productListing .row > div .item .productDetails .description {font-size: 13px;opacity: 0.8;} .productListing .row > div .item .productDetails > a {} .articleLoginBox {background: #f70c00;margin: 0 0 60px 0;color: #fff;border-radius: 0;padding: 30px;} .articleLoginBox .articol-view-now-btn {background: #fae053;color: #222222 !important;font-size: 18px;border-radius: 0;text-transform: uppercase;font-weight: bold;display:inline-block;height: 50px;line-height: 50px;padding: 0 20px;} .articleLoginBox p {line-height:1.3} .articleLoginBox p a {text-decoration:underline;color: #fff;} @media (max-width: 1200px) { .articleLoginBox {margin: 0;} .articleLoginBox .articol-view-now-btn {} .articleLoginBox p {} .articleLoginBox p a {} } @media (max-width: 767px) { .articleLoginBox {padding: 20px;font-size: 16px;} .articleLoginBox .articol-view-now-btn {} .articleLoginBox p {} .articleLoginBox p a {} } body.search {} body.search article {margin: 0 0 20px 0;padding: 0 0 20px 0;border-bottom: solid 1px #eee;} body.search article h2 {margin: 0 0 5px 0;} body.search article h2 a {} body.search article .date {display: none;} body.search article .author {display: none;} body.search article .comments {display: none;} body.search article > p {} body.search article > p:last-child {margin:0} .h0 {font-size: 140px; font-weight: bold; line-height: 1; margin: 0 0 15px; color: #222222; } .stats {} .stats .mainContent {font-size: 14px;} .stats .mainContent .row {} .stats .mainContent .row > div {} .stats .mainContent .row > div .item {background: #f2f2f2;color: #222222;padding: 20px;margin: 0 0 20px 0;border-radius: 0;box-shadow: 0px 0px 4px rgba(0,0,0,0.2);} .stats .mainContent .row > div h6 {font-size: 18px !important;font-weight: bold;} .stats .mainContent .row > div h3 {font-size: 50px;margin: 0;font-weight: bold;color: #222222;line-height: 1;} .stats .mainContent .row > div h6 i {margin: 0 10px 0 0;} .stats .mainContent .row > div ul {list-style-position: outside;margin: 0;padding: 0;} .stats .mainContent .row > div ul li {} .stats .mainContent .row > div a {} .stats .mainContent .row > div table {color: #222222;border: none;font-size: 14px;text-align: left;border: none;} .stats .mainContent .row > div table tr {} .stats .mainContent .row > div table tr td {border:none;border-bottom: solid 1px #ddd;vertical-align: top;} .stats .mainContent .row > div table tr:last-child td {border:none} .stats .mainContent .row > div table tr th {padding: 10px;border:none;background: #ddd;} .stats .mainContent .row > div table tr:nth-child(2n) td {} .stats .mainContent .row > div table tr td ul {} .stats .mainContent .row > div table tr td ul li {} .stats .mainContent .row > div table tr td ul li a {margin: 0 20px 0 0;} .stats ul.dld {padding: 0;list-style: none;} .stats ul {} /* ========================== */ /* ======= Overwrites ======= */ /* ========================== */ .myCECertificates { margin: 0 -15px; } .myCECertificates h2 { margin: 20px 15px 25px; font-weight: 700; } .myCECertificates h2 span {} .myCECertificates .item { width: calc(33.33% - 30px); margin: 0 15px 30px; padding: 20px; border-radius: 10px; background: url(/wp-content/themes/dtsc2021/_sites/www.knstudyclub.de/images/listing-bg.jpg) top right no-repeat; background-size: cover; display: flex; flex-direction: column; align-items: flex-start; } .myCECertificates .item a {color: #D60008;} .myCECertificates .item span {opacity:1;flex-grow: 1;} .myCECertificates .item .clear {} .myCECertificates .item .btn {background: #D60008;display: inline-block;font-size: 15px;padding: 10px 20px;margin: 0;} .myCECertificates .item .btn i {font-size: 20px;} @media (max-width: 1200px) { .myCECertificates .item { flex: 0 1 calc(50% - 30px); } } @media (max-width: 767px) { .myCECertificates .item { flex: 0 1 calc(100% - 30px); } } .faqListing .item .question::before {content:"\f067";font-family:"Font Awesome 5 Free";border-radius: 0;background: none;color: #f70c00;font-weight: 800;font-size: 23px;} #quizForm {background: #f4f4f4;padding: 30px;border-radius: 0;} #quizForm .disclaimer {border-top: solid 1px #ddd;} #quizFormContainer {} #quizFormContainer > img {} #quizFormContainer .formTitle {border-bottom: solid 2px #ddd;font-size: 36px;} #quizFormContainer .formTitle span {background: #f4f4f4;} #quizFormContainer .formSubtitle {} .quiz-form {} .quiz-form > ul li:last-child {margin:0} .quiz-form [type="checkbox"]:checked + label::before {background: #f70c00; border: 1px solid #f70c00; } .quiz-form [type="checkbox"]:not(:checked) + label::before { border: solid 1px #000; } .quiz-form [type="checkbox"]:checked + label::after {content: '\f00c';position: absolute;top: 1px;left: 5px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;font-family: "Font Awesome 5 free";font-weight: bold;font-size: 11px;color: #fff;background: none;} .quiz-form [type="checkbox"]:not(:checked) + label::after {background: #f70c00;} .quiz-form [type="radio"]:checked + label:before, .quiz-form [type="radio"]:not(:checked) + label:before {border:solid 1px #000} .quiz-form [type="radio"]:checked + label:after, .quiz-form [type="radio"]:not(:checked) + label:after {background: #f70c00;} #btnsubmitquiz {font-size: 18px;padding: 15px 18px;line-height: 1;} @media (max-width: 767px) { .quiz-form {padding: 20px;} } #claim-ce {background: #f70c00;border-radius: 0;} #claim-ce .form input[type=text] {border-radius: 0;} #claim-ce .form input[type=submit] {background: #222222;border-radius: 0 5px 5px 0;} @media (max-width: 767px) { #claim-ce .form input[type=submit] {border-radius: 0;} } .comments ul li .comment-body .reply a {background: #f70c00 !important; border-radius: 0; padding: 0 10px; } .comments .comment-respond h3 small a {border-radius: 0; } .comments .comment-respond .form-submit input {background: #f70c00 !important; border-radius: 0; text-transform: uppercase; font-weight: bold; } .submission_form {} .submission_form #intro input {width: 22px;height: 22px;margin: 1px 6px 0 0;vertical-align: top;} .submission_form #intro label {} .submission_form #intro [type="checkbox"]:checked, .submission_form #intro [type="checkbox"]:not(:checked) {position: absolute;left: -9999px;} .submission_form #intro [type="checkbox"]:checked + label, .submission_form #intro [type="checkbox"]:not(:checked) + label {position: relative;padding-left: 27px;cursor: pointer;line-height: 20px;display: inline-block;} .submission_form #intro [type="checkbox"]:checked + label:before, .submission_form #intro [type="checkbox"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0px;width: 20px;height: 20px;border: 1px solid #222222;background: #fff;border-radius: 3px;} .submission_form #intro [type="checkbox"]:checked + label:before {background: #f70c00;border: none;} .submission_form #intro [type="checkbox"]:checked + label:after, .submission_form #intro [type="checkbox"]:not(:checked) + label:after {content: '\f00c';position: absolute;top: 1px;left: 5px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;font-family: "Font Awesome 5 free";font-weight: bold;font-size: 11px;color: #fff;} .submission_form #intro [type="checkbox"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);} .submission_form #intro [type="checkbox"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} .submission_form .acf-radio-list label.selected::after {background: #f70c00;} .submission_form #acf-form {padding:0;margin: 0 -5px;} .submission_form #acf-form .acf-fields .acf-field .acf-input .acf-switch { border: none; background: #ccc; } .submission_form #acf-form .acf-fields .acf-field .acf-input .acf-switch.-on { background: #f70c00; border: none; } .submission_form #acf-form .acf-fields .acf-field .acf-input .acf-switch-on {/* background:#f70c00; *//* border:solid 1px #f70c00; */text-shadow: none;} .submission_form #acf-form .acf-fields .acf-field .acf-input .acf-switch-off {/* border:solid 1px #f70c00 */background: none;color: #000;} .submission_form #acf-form .acf-fields .acf-field .acf-input .acf-switch-slider {/* border:solid 1px #f70c00 */border: none !important;} .submission_form #acf-form .acf-fields .acf-tab-wrap ul {border-bottom: solid 1px #f70c00;} .submission_form #acf-form .acf-fields .acf-tab-wrap ul li a {border-bottom: solid 1px #f70c00;} .submission_form #acf-form .acf-fields .acf-tab-wrap ul li.active a {background: #f70c00;border: solid 1px #f70c00;font-weight: bold;} .submission_form .acf-repeater > .acf-table > tbody tr td.remove a.acf-icon.-plus {/* background: #f70c00; */} .submission_form .acf-button {/* */} .submission_form .acf-button.button-large {background: #f70c00;} .submission_form .select2-container--default.-acf .select2-selection--multiple ul li.select2-selection__choice {} .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-header {background: #f70c00 !important;} .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-buttonpane button.ui-datepicker-close {background: #f70c00;} .submission_form #acf-form .acf-fields .acf-field .acf-input input {border-radius: 0; } .submission_form .acf-form-submit .acf-button {border-radius: 0; } .submission_form #acf-form .acf-fields .acf-field .acf-input select {border-radius: 0; } .submission_form .select2-container--default.-acf .select2-selection--multiple {border-radius: 0;} .submission_form #acf-form .acf-fields .acf-tab-wrap ul li a {margin-right: 3px;} .submission_form #acf-form .acf-fields .acf-field .acf-radio-list li label {font-size:15px;} .submission_form #acf-form .acf-fields .acf-field .acf-radio-list li label input {margin: 0px 7px 0 0 !important; } .submission_form .acf-repeater .acf-table thead tr th .description { } .submission_form #acf-form .acf-fields .acf-field .acf-label label {font-weight: bold;} .submission_form #acf-form .acf-fields .acf-field .acf-label .description {opacity: 0.7;} .submission_form .acf-repeater .acf-table thead tr th {font-weight: bold;} .acf-form-submit {margin: 0 5px} .language-toggle select {border-radius: 0;} /* ==== Filters - start ==== */ .title-wrap {display: flex; margin: 0 0 30px 0; flex-wrap: wrap; } .title-wrap h1 {margin: 0 0 7px 0; } .filter {margin: 10px 0 0 0;font-size: 14px;display: flex;align-items: center;width: 100%;} .filter h1 {margin: 0; } .filter .filter-fields {display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;flex: 1;} .filter > h2 {margin: 0 0 30px 0;flex: 0 1 100%;} .filter .selectWrap {flex:1;display: flex;align-items: center;} .filter .item {flex: 1;padding: 0 10px;} .filter select {} .filter .select2-container {width:100% !important; min-width:auto !important;} .filter .more {border: solid 1px #222222;border-radius: 5px;padding: 4px 10px;text-decoration: none;font-family: "Abhaya Libre";font-size: 15px;white-space: nowrap;font-weight: 600;} .filter .facetwp-facet {margin: 0;opacity: 1 !important;} .filter .facetwp-facet.facetwp-type-alpha {text-align: right;} .filter .facetwp-facet.facetwp-type-alpha .facetwp-alpha {margin: 0 0 0 15px; } .filter .facetwp-facet .fs-wrap.multiple {display:block;width: 100%;position: relative;} .filter .fieldWrap:last-child {margin-right: 0;} .filter .fieldWrap {text-align: left;flex: 1;margin: 0px 10px 0px 0;align-items: flex-start;font-size: 16px;} .filter .fieldWrap.large {flex: 0 1 350px;} .filter .fieldWrap > label {font-weight: 600;text-transform: uppercase;margin: 0 0 3px 0;font-size: 13px;} .filter .facetwp-facet .facetwp-search-wrap {} .filter .facetwp-facet .facetwp-search-wrap input {background: #fff !important;border: none !important;height: 50px !important;font-size: 16px !important;padding: 0 10px !important;} .filter .facetwp-facet .facetwp-search-wrap .facetwp-btn {top: 2px;right: 10px;} .filter .facetwp-facet.facetwp-facet-proximity {display: flex;align-items: flex-start;} .filter .facetwp-facet.facetwp-facet-proximity span {position: relative;} .filter .facetwp-facet.facetwp-facet-proximity span i {right: 8px;top: 21px;} .filter .facetwp-facet.facetwp-facet-proximity span i::before {width:16px;height:16px;background-size: 16px 16px;} .filter .facetwp-facet.facetwp-facet-proximity > * {flex: 1;margin: 0 5px 0 0px;/* max-width: 50%; */} .filter .facetwp-facet.facetwp-facet-proximity > .facetwp-radius {margin:0;flex: 0 1 75px;padding: 0 0px 0 6px;} .filter .facetwp-facet.facetwp-facet-proximity > * input {/* border:none !important; */} .filter .fs-label-wrap {height: 50px;line-height: 50px;background: #fff;width: 100%;border: none;outline: none;background: #eee;padding: 0 12px;} .filter .fs-open .fs-label-wrap { background: #ddd; } .filter .fs-label-wrap .fs-label {padding: 0;white-space: normal;max-height: 50px;} .fs-wrap.multiple .fs-option.selected .fs-checkbox i {background-color: #999 !important;} .fs-wrap.multiple .fs-option .fs-checkbox i {margin:auto 0 !important;border: none !important;} .multiple .fs-dropdown .fs-options {padding: 10px 15px;font-size: 14px;} .multiple .fs-dropdown .fs-options:empty {padding:0} .fs-wrap.multiple .fs-option {padding: 0 20px 0 23px !important;border: none;margin: 0 0 10px 0;} .fs-wrap.multiple .fs-option .fs-option-label {padding-left: 0 !important;white-space: nowrap;line-height: 1.1;word-break: normal;} .filterToggle.btn {margin: 0 0 20px 0;display: none;} .filterToggle.btn i {font-size: 20px;vertical-align: middle;margin: 0 3px 0 0;} .fs-arrow {border-top: 6px solid #222222 !important;border-right: 3px solid transparent !important;border-left: 3px solid transparent !important;right: 12px !important;} .facetwp-map-filtering {display: none !important;} #facetwp-map {width: 100% !important; height: 500px !important; } .fs-search input {border: none !important;box-shadow: none !important;outline: none;padding: 6px 0;width: 100%;border: solid 1px #eee !important;background: #fff !important;border: none !important;height: 40px !important;font-size: 14px !important;padding: 0 2px !important;} .facetwp-type-fselect .fs-wrap {width: 100% !important;margin: 0;outline: none !important;border: none;width: 220px;vertical-align: top;min-width: 100%;position: relative;} .facetwp-type-fselect .fs-dropdown {width: auto !important;margin: 0;padding: 10px 0;border: none;box-shadow: none;border: none;border-top: none;background: #ddd;margin-top: 0;min-width: 100%;max-width: 320px;} .facetwp-type-fselect .fs-dropdown .fs-options {} .facetwp-type-fselect .fs-dropdown .fs-options .fs-option {padding: 4px 15px; } .facetwp-type-fselect .fs-dropdown .fs-options .fs-option .fs-checkbox {} .facetwp-type-fselect .fs-dropdown .fs-options .fs-option .fs-checkbox i {bottom: auto; top: 1px; background-position: left 3px top 3px !important; } .fs-search {padding: 0 15px !important;border: none;margin: 0 15px 8px;background: #fff;} .fs-search input {font-weight: 300 !important; padding: 0 !important; } .fs-no-results {padding: 8px 15px !important; font-size: 13px; } .filter .facetwp-facet.facetwp-type-search {} .filter .facetwp-facet.facetwp-type-search .facetwp-search-wrap {} .filter .facetwp-facet.facetwp-type-search .facetwp-search-wrap i {} .filter .facetwp-facet.facetwp-type-search .facetwp-search-wrap input {background: #eee !important; font-weight: 300; color: #000; width: 100%; } .filter .facetwp-facet.facetwp-type-date_range {} .filter .facetwp-facet.facetwp-type-date_range input {background: #fff !important; width: calc(50% - 4px) !important; margin: 0 8px 0 0; height: 50px !important; } .filter .facetwp-facet.facetwp-type-date_range input:last-child {margin:0;} .filter-toggle { margin: 0 0 0 auto; display: none; } .filter-toggle i { margin: 0 10px 0 0; } @media (max-width:1200px) { header.page-header {flex-wrap: wrap;} header.page-header h1 {} header.page-header .filter {flex: 0 1 calc(100% + 5px); max-width: calc(100% + 5px); margin: 20px 0 0 -5px; } .filter .facetwp-facet.facetwp-type-alpha .facetwp-alpha {margin: 0 15px 0 0;} .filter .facetwp-facet.facetwp-type-alpha {text-align: left;padding: 0 5px;} } @media (max-width:1024px) { .title-wrap {flex-wrap: wrap;} .title-wrap h1 {} .filter {width:100%;margin: 20px 0 0 0;} .filter .fieldWrap {margin: 0 5px; } .filter .facetwp-facet.facetwp-type-alpha {text-align: left;padding: 0;margin: 0 -10px;} .filter .facetwp-facet.facetwp-type-alpha .facetwp-alpha { padding: 10px; } } @media (max-width: 767px) { .title-wrap {} .title-wrap h1 {} header.page-header {align-items:center} header.page-header h1 { margin: 0; } .filter {text-align: left;flex-wrap: wrap;} .filter h1 {flex:0 1 100%;margin: 0 0 15px 0;} .filterToggle.btn {display: inline-block;margin: 0 0 20px 0;padding: 10px 15px;} .filterToggle.btn i {font-size: 16px; vertical-align: top; margin: 1px 3px 0 0; display: inline-block; } header.page-header .filter {margin: 20px -5px 0;max-width: calc(100% + 10px);flex: 0 1 calc(100% + 10px);display: none;} header.page-header .filter.open { display: block; } .filter .fieldWrap {flex:0 1 100% !important;margin: 0 5px 15px 5px;} .filter .facetwp-facet.facetwp-type-alpha {margin: 0 0 0 0; padding: 0; } .filter .filter-fields {margin: 0;flex: 0 1 100%;max-width: 100%;} .filter .filter-fields .fieldWrap:last-child {margin-bottom :0;margin: 0 5px;} .facetwp-facet {margin: auto;} .filter-toggle { display: block; } } /* ==== Filters - end ==== */ .gform_wrapper [type="checkbox"]:checked, .gform_wrapper [type="checkbox"]:not(:checked) {position: absolute;left: -9999px;} .gform_wrapper [type="checkbox"]:checked + label, .gform_wrapper [type="checkbox"]:not(:checked) + label {position: relative;padding-left: 27px;cursor: pointer;line-height: 20px;display: inline-block;} .gform_wrapper [type="checkbox"]:checked + label:before, .gform_wrapper [type="checkbox"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0px;width: 20px;height: 20px;border: 1px solid #222222;background: #fff;border-radius: 0;} .gform_wrapper [type="checkbox"]:checked + label:before {background: #f70c00;border: none;} .gform_wrapper [type="checkbox"]:checked + label:after, .gform_wrapper [type="checkbox"]:not(:checked) + label:after {content: '\f00c';position: absolute;top: 1px;left: 5px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;font-family: "Font Awesome 5 free";font-weight: bold;font-size: 11px;color: #fff;} .gform_wrapper [type="checkbox"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);} .gform_wrapper [type="checkbox"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} .registerWrap {background: #888; box-shadow: 12px 12px 0 0 #eeeeee; color: #fff; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; z-index: 10; max-width: 1300px; margin: 0 auto 50px; padding: 40px; } .registerWrap .gform_wrapper .gform_footer {position: relative; float: left; padding: 0; } .registerWrap .gform_wrapper .gform_footer input {background: none;padding: 0;height: auto;font-weight: 300;text-transform: none;letter-spacing: 0;padding: 8px 49px 11px 20px;border: solid 1px #fff;} .registerWrap .gform_wrapper .gform_footer::after {content:"\F165";font-family:icomoon;font-size: 18px;color: #fff;position: absolute;top: 12px;right: 18px;pointer-events: none;} .registerWrap .gform_wrapper [type="checkbox"]:checked + label:before, .registerWrap .gform_wrapper [type="checkbox"]:not(:checked) + label:before {border-radius: 0;border: none;} .registerWrap .gform_wrapper [type="checkbox"]:checked + label:before {background: #f70c00;} .registerWrap .gform_wrapper div.validation_error {background: #f70c00;} .registerWrap .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {background: #f70c00;color: #fff;opacity: 1;padding: 3px 5px !important;margin: 5px 0 0 0;} .registerWrap .gform_wrapper .gform_body > ul > li:nth-child(1) {width: 66.66%; } .registerWrap .gform_wrapper .gform_body > ul > li:nth-child(2) {width: 33.33%; padding: 0 !important; } .registerWrap .gform_wrapper .gform_body > ul > li:nth-child(3) {width: 100%; } .registerWrap .gform_wrapper .gform_body > ul > li:nth-child(4) {} .registerWrap .gform_wrapper .gform_body > ul > li:nth-child(5) {} @media (max-width:767px) { .registerWrap {padding: 20px; } .registerWrap .gform_wrapper .gform_body > ul > li:nth-child(1) {width: 100%;} .registerWrap .gform_wrapper .gform_body > ul > li:nth-child(2) {width: 100%; } .registerWrap .gform_wrapper .gform_body > ul > li:nth-child(3) {} .registerWrap .gform_wrapper .gform_body > ul > li:nth-child(4) {} } .page-404 {text-align: center; } .page-404 h1 {font-size: 130px; margin: 0 0 10px 0; } .page-404 h2 {font-weight: 700; margin: 0; } .page-404 p {} /* ===== Edit webianar overwrite ===== */ body #edit-form #acf-form .acf-fields .acf-tab-wrap .acf-tab-group {border-bottom: solid 1px #f70c00; } body #edit-form #acf-form .acf-fields .acf-tab-wrap .acf-tab-group li.active a {background: #f70c00 !important; } body #edit-form .acf-form-submit button {background: #f70c00; } body #edit-form #acf-form .acf-fields .acf-input .acf-radio-list li label.selected::after {background: #f70c00; } body #edit-form #acf-form .acf-fields .acf-input .acf-true-false label .acf-switch.-on {background: #f70c00;} body #edit-form .acf-actions .acf-button.button-primary {background: #f70c00;} .intro {margin: 0 auto; } .intro > h2 {text-transform: none; text-align: center; font-weight: 300; font-size: 46px; line-height: 1; } .intro > h2 strong {font-weight: inherit; display: initial; font-weight: 700; } .intro > p {text-align: center; font-size: 21px; } .intro .advantages {background: #f2f2f2; padding: 40px; display: flex; } .intro .advantages .left {text-align: right; flex: 0 1 33%; padding: 0 40px 0 0; } .intro .advantages .right {flex: 0 1 67%; padding: 0 0 0 40px; border-left: solid 2px #ddd; } .intro .advantages h3 {font-weight: 700; margin: 0 0 15px 0; } .intro .advantages .features {list-style: none; font-size: 17px; padding: 0; margin: 0; } .intro .advantages .features li {line-height: 1.2; margin: 0 0 14px 0; position: relative; padding: 0 38px 0 0; } .intro .advantages .features li::before {content:"\f00c";font-family: 'Font Awesome 5 Free';font-weight: 900;right: 0;top: -2px;position: absolute;opacity: 0.3;font-size: 22px;} .intro .advantages .steps {list-style: none; padding: 0; margin: 0; font-size: 17px; } .intro .advantages .steps li {line-height: 1.2; margin: 0 0 8px 0px; position: relative; padding: 0 0 0 50px; min-height: 40px; display: flex; align-items: center; } .intro .advantages .steps li:last-child {margin:0} .intro .advantages .steps li::before {content:"";background:#f70c00;display: inline-block;height: 40px;width: 40px;border-radius: 50%;position: absolute;top: 50%;left: 0;color: #fff;transform: translateY(-50%);text-align: center;line-height: 40px;font-weight: 700;font-size: 21px;} .intro .advantages .steps li:nth-child(1)::before {content:"1";} .intro .advantages .steps li:nth-child(2)::before {content:"2";} .intro .advantages .steps li:nth-child(3)::before {content:"3";} .intro .advantages .steps li:nth-child(4)::before {content:"4";} .intro .advantages .steps li:nth-child(5)::before {content:"5";} .intro .advantages .steps li:nth-child(6)::before {content:"5";} .partners {} .partners > div {margin-bottom: 30px; } .partners > div .item {text-align: center; background: #fff; padding: 30px 25px 25px 25px; height: 100%; display: flex; flex-direction: column; border: solid 2px #eee; } .partners > div .item .logo {display: flex; flex-grow: 1; align-items: center; text-align: center; justify-content: center; } .partners > div .item .logo img {max-width: 175px; max-height: 70px; width: auto; } .partners > div .item .name {display: block; color: #000; font-weight: 600; margin: 20px 0 6px 0; font-weight: 500; font-size: 17px; line-height: 1; } .partners > div .item .buttons {font-size: 14px; } .partners > div .item .link {font-weight: 300;margin: 1px 8px 0;display: inline-block;} .partners > div .item .link::after {content: "\F165"; font-family: icomoon; margin: 2px 0 0 7px; vertical-align: top; display: inline-block; font-size: 14px; } @media (max-width:767px) { .partners { margin: 0 -10px; } .partners > div { padding: 0 10px; margin-bottom: 20px; } .partners > div .item { padding: 20px; } .partners > div .item .logo {} .partners > div .item .logo img { max-width: 100%; max-height: 50px; } .partners > div .item .name {} .partners > div .item .buttons { font-size: 13px; } .partners > div .item .link {} .partners > div .item .link::after { font-size: 13px; margin: 1px 0 0 5px; } } /* ==== Dental Expert page - start ==== */ .experts {} .experts > div {margin-bottom: 30px; } .experts > div .item {background: #fff; display: flex; height: 100%; } .experts > div .item .banner {flex: 0 1 35%; align-self: flex-end; margin: 0 20px 0 0; } .experts > div .item .banner img {border-radius: 50%; background: #fff; border: solid 2px #eee; } .experts > div .item .text {flex: 1; align-self: center; } .experts > div .item .text .name {display: block; color: #000; font-weight: 600; line-height: 1.2; margin: 0 0 8px 0; font-size: 18px; } .experts > div .item .text .name span {font-weight: 300; font-size: 75%; display: block; } .experts > div .item .text .link {font-weight: 300;font-size: 14px;} .experts > div .item .text .link::after {content: "\F165"; font-family: icomoon; margin: 4px 0 0 7px; vertical-align: top; display: inline-block; font-size: 14px; } .speaker-page-wrap {} .speaker-page {margin: 60px auto 0;max-width: 1480px;padding: 0 0 30px 400px;position: relative;} .speaker-page .photo {position: absolute;top: 0;left: 60px;z-index: 10;width: 100%;max-width: 300px;} .speaker-page .photo img {max-width: 300px;border-radius: 50%;border: solid 2px #eee;background: #fff;margin: 0 0 0 0;} .speaker-page .top {display: flex;padding: 0 0 30px 0;align-items: flex-end;min-height: 150px;} .speaker-page .top h1 {font-size: 36px;margin: 0;} .speaker-page .top h1 span {display: block;font-size: 70%;} .speaker-page .top button {margin: 0 0 0 auto;} .speaker-page .bottom {position: relative;background: #eee;box-shadow: 1100px 0px 0 0px #eee, -1100px 0px 0 #eee, 590px 0px 0 0px #eee, -590px 0px 0 #eee;padding: 30px 0;} .speaker-page .bottom p:last-child {margin:0} .speaker-page .bottom::after {content:"";background: #eee;/* width: 5000px; */height: 100%;position: absolute;top: 0;left: 50%;z-index: -1;transform: translateX(-50%);} .speaker-page .bottom .contact-label {width: 65px; display: inline-block; font-weight: 600; } .speaker-page .bottom .row { margin: 0; } .speaker-page .bottom .row > div { padding: 0; } .speaker-page .btn.read-more {margin: 20px 0 0 0; } .webinars-with {font-weight: 700; font-size: 32px; } .webinars-with span {font-weight: 300; } @media (max-width: 991px) { .speaker-page-wrap {} .speaker-page {padding: 0;text-align: center;margin: 30px auto 0;} .speaker-page .photo {position: relative;left: auto;top: auto;margin: 0 auto;} .speaker-page .photo img { max-width: 200px; } .speaker-page .top {flex-wrap: wrap;padding: 20px;min-height: 0;} .speaker-page .top h1 {flex: 0 1 100%;} .speaker-page .top h1 span {} .speaker-page .top button {margin: 12px auto 0; } .speaker-page .bottom {box-shadow: none; padding: 20px; } .speaker-page .bottom p:last-child {} .speaker-page .bottom::after {} } @media (max-width: 767px) { .experts {align-items: flex-start; } .experts > div {} .experts > div .item {flex-wrap: wrap; align-items: flex-start; } .experts > div .item .banner {flex: 0 1 100%; margin: 0; text-align: center; } .experts > div .item .banner img {display: inline-block; max-width: 130px; } .experts > div .item .text {flex: 0 1 100%; text-align: center; margin: 10px 0 0 0; } .experts > div .item .text .name {} .experts > div .item .text .name span {} .experts > div .item .text .link { font-size: 13px; white-space: nowrap; } .experts > div .item .text .link::after { margin: 4px 0 0 5px; font-size: 13px; } .webinars-with {font-size: 28px; } .webinars-with span {} } /* ==== Dental Expert page - end ==== */ /* ==== Account pages - start ==== */ .login-register > div #login-form .form-row input[type="checkbox"]:checked + label::before {background: #f70c00; } .login-register > div .register-box {background: #f70c00; } .login-register > div .register-box .btn {color: #464646 !important; background: #fff; } /* ==== Account pages - end ==== */ /* ==== Modals - start ==== */ .modal {z-index: 100000000;padding: 0 !important;} .modal-backdrop {background: rgba(255,255,255,0.80);opacity: 0.8 !important;} .modal .modal-dialog {border-radius: 0;overflow: hidden;display: flex;min-height: 100%;align-items: center;margin: 0 auto;padding: 20px;} .modal .modal-dialog .modal-content {border: none;/* border-radius: 0; *//* background: #f70c00; *//* color: #fff; */border-radius: 0;overflow: hidden;box-shadow: 0 0 6px rgba(0,0,0,0.2);} .modal .modal-dialog .modal-content .close {position: absolute;right: 0;top: 0;width: 40px;height: 40px;z-index: 10000;background: #f70c00;opacity: 1;text-align: center;} .modal .modal-dialog .modal-content .close::before {content:"\F14A";font-family:"icomoon";font-size: 15px;color: #fff;display: inline-block;line-height: 40px;} .modal .modal-dialog .modal-content .close span {color: #222222;text-shadow: none;line-height: 30px;display: inline-block;height: 40px;width: 40px;padding: 0;line-height: 40px;font-size: 30px;} .modal .modal-dialog .modal-content .modal-body {} .modal .modal-dialog .modal-content .modal-body a {text-decoration:underline; } .modal .modal-dialog .modal-content .modal-body {border: none;padding: 30px;} .modal .modal-dialog .modal-content .modal-body > img {max-width: 220px;margin: 0 0 30px 0;} .modal .modal-dialog .modal-content .modal-body h2 {font-size: 28px;/* text-transform: uppercase; */margin: 0 0 11px 0;} .modal .modal-dialog .modal-content .modal-body h4 {font-size: 18px;margin: 0 0 30px 0;} .modal .modal-dialog .modal-content .modal-body *:last-child {margin-bottom:0} .modal .timezoneItem {border-bottom: 1px solid #eee;float: left;margin: 0 0 5px;padding: 0 5px 5px;width: 100%;font-size: 13px;} .modal .timezoneItem .location {float: left;margin: 0;width: 50%;color: #222222;font-weight: bold;} .modal .timezoneItem .time {float: right;margin: 0;text-align: right;width: 50%;color: #222222;} #bioModal {} #bioModal .modal-dialog { max-width: 1000px; } #bioModal .expert {display: flex; align-items: center; margin: 0 0 20px 0; } #bioModal .expert img {max-width: 150px; border-radius: 50%; margin: 0 20px 0px 0; } #bioModal .expert h2 {font-weight: 600; font-size: 32px; margin: 0; } #bioModal .expert h2 span {display: block;font-size: 70%;font-weight: 300;} #bioModal .modal-bio {max-height: 420px;margin: 0;overflow-y: auto;} #bioModal p {} #bioModal ul {} #bioModal ul li {} @media (max-width: 991px) { #bioModal {text-align: left;} #bioModal .expert {} #bioModal .expert img { /* display: none; */ max-width: 80px; margin: 0 15px 0 0; } #bioModal .expert h2 { font-size: 24px; } #bioModal .expert h2 span {} #bioModal .modal-bio {} } @media (max-width: 767px) { .modal {} .modal .modal-dialog {display: block;height: auto;} .modal .modal-dialog.modal-dialog-centered {} .modal .modal-dialog .modal-content {} .modal .modal-dialog .modal-content .modal-body {} } .modal-backdrop {background: #fff;} .modal-backdrop.show {opacity: 1;} .single .modal-backdrop.show {opacity: 0.9 !important;} .home .modal-backdrop.show {z-index: 10000;opacity: 0.9 !important;} .modal[id^=video] {z-index: 100001;margin: 0;padding: 0;} .modal[id^=video] .modal-dialog {max-width: 1120px;overflow: visible;padding: 0;} .modal[id^=video] .modal-dialog .modal-content {box-shadow: 0 0 6px rgba(0,0,0,0.2) !important;} .modal[id^=video] .modal-dialog .modal-content .close {position: absolute;right: 0;top: 0;z-index: 1000;background: #f70c00;opacity: 1;width: 40px;height: 40px;color: #fff;font-size: 14px;text-shadow: none;} .modal[id^=video] .modal-dialog .modal-content .close span {color: #fff;} .modal[id^=video] .modal-dialog .modal-content .modal-body {padding: 0;} .modal[id^=video] .modal-dialog .modal-content .modal-body .text {padding: 20px;font-size: 15px;} .modal[id^=video] .modal-dialog .modal-content .modal-body .text .name {font-size: 20px;line-height: 1.2;display: block;margin: 0 0 12px 0;color: #222222;} .modal[id^=video] .modal-dialog .modal-content .modal-body .text .excerpt {opacity: 0.7; } .modal[id^=video] .modal-dialog .modal-content .modal-body .text .speaker {} .modal[id^=video] .modal-dialog .modal-content .modal-body .text .speaker .name {font-size: 15px; } .modal[id^=video] .modal-dialog .modal-content .modal-body .text .speaker .name strong {font-weight: 600;} .modal[id^=video] .modal-dialog .modal-content .modal-body .text .speaker .bio {} #videoModal {z-index: 10000001;} #videoModal .modal-dialog {width: 100%;max-width: 1020px;height: 100%;display: flex;align-items: center;margin-top: 0;margin-bottom: 0;box-shadow: none;margin: 0;} #videoModal .modal-dialog .modal-content {position: relative;border: none;} #videoModal .modal-dialog .modal-content .close {position: absolute;right: 0;top: 0;z-index: 1000;background: #fae053;opacity: 1;width: 40px;height: 40px;color: #222222;font-size: 14px;text-shadow: none;} #videoModal .modal-dialog .modal-content .modal-body {padding: 0;border: none;} #videoModal .modal-dialog .modal-content .modal-body .excerpt {margin: 0;padding: 20px;font-size: 13px;color: #777;} #videoModal .modal-dialog .modal-content .modal-body .excerpt strong {display: block;font-size: 20px;color: #222222;} #exampleModal {z-index: 100000000000;} #exampleModal .modal-dialog {width: 100%;max-width: 1020px;height: 100%;/* display: flex; */align-items: center;/* margin-top: 0; *//* margin-bottom: 0; */box-shadow: none;} #exampleModal .modal-dialog .modal-content {position: relative;border: none;height: 90%;overflow: hidden;border-radius: 0;} #exampleModal .modal-dialog .modal-content .close {position: absolute;right: 0;top: 0;z-index: 1000;background: #fae053;opacity: 1;width: 40px;height: 40px;color: #222222;font-size: 14px;text-shadow: none;} #exampleModal .modal-dialog .modal-content .modal-body {padding: 0;border: none;overflow-y: scroll;height: 100%;overflow-x: hidden;} #exampleModal .modal-dialog .modal-content .modal-body .excerpt {/* margin: 0; *//* padding: 20px; *//* font-size: 13px; *//* color: #777; */} #exampleModal .modal-dialog .modal-content .modal-body .excerpt strong {display: block;font-size: 20px;color: #222222;} #exampleModal .modal-dialog .modal-content .modal-body .products {margin: 0; } #exampleModal .modal-dialog .modal-content .modal-body .products > div {margin: 0 0 20px 0; padding: 0; } #exampleModal .modal-dialog .modal-content .modal-body .products .btn {} #cookiescript_injected + .modal-backdrop.show{z-index: 999999;} #registerPopup {z-index: 100000000;} #registerPopup .modal-dialog {padding: 20px;} #registerPopup .modal-dialog .modal-content {border-radius: 0;border: none;padding: 20px;background: none;box-shadow: none;} #registerPopup .modal-dialog .modal-content .close {background: #013f72;color: #fff;top: 20px;right: 20px;background: #222222;} #registerPopup .modal-dialog .modal-content .close span {color:#fff;font-size: 30px;font-family: "Arial";} #registerPopup .modal-dialog .modal-content .modal-body {color: #222222;border: none;background: #f70c00;box-shadow: 0px 0px 15px rgba(0,0,0,0.25);} #registerPopup .modal-dialog .modal-content .modal-body h2 {font-size: 40px;font-weight: 800;text-transform: uppercase;color: #fff;} #registerPopup .modal-dialog .modal-content .modal-body .gform_wrapper {margin: 0; } #registerPopup .modal-dialog .modal-content .modal-body .gform_wrapper .gform_body {color: #222222; } #registerPopup .modal-dialog .modal-content .modal-body .gform_wrapper ul {margin: 0; padding: 0; } #registerPopup .modal-dialog .modal-content .modal-body .gform_wrapper ul li {margin: 0 0 17px 0;} #registerPopup .modal-dialog .modal-content .modal-body .gform_wrapper ul li.gform_hidden {visibility: hidden; opacity: 0; margin: 0; } #registerPopup .modal-dialog .modal-content .modal-body .gform_wrapper ul li label {color: #fff;} #registerPopup .modal-dialog .modal-content .modal-body .gform_wrapper ul li input {height: 50px;border: none;outline: none;} #registerPopup .modal-dialog .modal-content .modal-body .gform_wrapper ul li input[type="checkbox"], #registerPopup .modal-dialog .modal-content .modal-body .gform_wrapper ul li input[type="radio"] {height: auto;} #registerPopup .modal-dialog .modal-content .modal-body .gform_wrapper ul li select {height: 50px;border: none;outline: none;} #registerPopup .modal-dialog .modal-content .modal-body .gform_wrapper ul li.gf_right_half {width: 100%} #registerPopup .modal-dialog .modal-content .modal-body .gform_wrapper ul li ul li {margin:0;} #registerPopup .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_prefix {width: 14%; } #registerPopup .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_first {width: 36%; } #registerPopup .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_last {} #registerPopup .modal-dialog .modal-content .modal-body .gform_wrapper .gform_footer {} #registerPopup .modal-dialog .modal-content .modal-body .gform_wrapper .gform_footer input {outline: none;background: #222222;} #registerPopup .gform_wrapper .gform_body > ul > li > .gfield_description.validation_message {background: #e50000; color: #fff; opacity: 1; padding: 4px 7px; margin: 5px 0 0 0; } #registerPopup .modal-dialog .modal-content .modal-body a {color: #ffffff;} #registerPopup .gform_wrapper .validation_error {border-radius:0;} #registerPopup .gform_wrapper [type="checkbox"]:checked + label:before, #registerPopup .gform_wrapper [type="checkbox"]:not(:checked) + label:before {border: none;} #registerPopup .gform_wrapper [type="checkbox"]:checked + label:before {background:#222222} @media (max-width:992px) { #registerPopup { } #registerPopup .modal-dialog {max-width: 100%; padding: 0; } #registerPopup .modal-dialog .modal-content {max-width: 100%; padding: 0; } #registerPopup .modal-dialog .modal-content .modal-body h2 {font-size:32px;} #registerPopup .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_prefix {} #registerPopup .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_first {} #registerPopup .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_last {} } @media (max-width:767px) { #registerPopup .modal-dialog .modal-content .modal-body h2 {font-size:32px;} #registerPopup .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_prefix {} #registerPopup .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_first {} #registerPopup .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_last {} } /* ==== Modals - end ==== */ /* ============================== */ /* ====== Article - start ======= */ /* ============================== */ .article-listing {} .article-listing > div {margin-bottom: 30px; } .article-listing > div .item {height: 100%; display: flex; flex-direction: column; } .article-listing > div .item .banner-wrap {position: relative; } .article-listing > div .item .banner-wrap .banner {} .article-listing > div .item .banner-wrap .banner img {} .article-listing > div .item .banner-wrap .meta {position: absolute;top: 20px;left: 0px;background: #aaa;text-transform: none;font-weight: 500;padding: 10px 10px 10px 20px;font-size: 15px;line-height: 1;} .article-listing > div .item .banner-wrap .meta::after {content:"";width: 0;height: 0;border-style: solid;border-width: 36px 15px 0 0;border-color: #aaa transparent transparent transparent;position: absolute;top: 0;right: -15px;} .article-listing > div .item .banner-wrap .meta .category {margin: 0;display: inline-block;font-weight: 300;vertical-align: top;line-height: 1;} .article-listing > div .item .banner-wrap .meta .category a {color: #fff; } .article-listing > div .item .banner-wrap .meta .category a:hover {color:#f70c00} .article-listing > div .item .banner-wrap .meta .credits {display: inline-block;margin: 0 0 0 10px;padding: 0 0 0 10px;line-height: 1;font-size: 16px;font-weight: 700;color: #fff;border-left: solid 1px rgba(255,255,255,0.5);} .article-listing > div .item .text {padding: 20px 0 0;display: flex;flex-direction: column;flex-grow: 1;} .article-listing > div .item .text > * {flex-grow:0;} .article-listing > div .item .text .date {margin: 0 0 0 0;font-size: 12px;opacity: 0.7;display: none;} .article-listing > div .item .text .name {font-size: 23px;line-height: 1.1;display: block;margin: 0 0 8px 0;font-weight: 700;color: #000;} .article-listing > div .item .text .speaker {color: #f70c00;margin: 0 0 14px 0;/* flex-grow: 1; */line-height: 1.2;font-size: 15px;} .article-listing > div .item .text .excerpt {font-size: 14px;flex-grow: 1;} .article-listing > div .item .text .bottom {} .article-listing > div .item .text .bottom .btn {} .article-listing > div .item .text .bottom .btn::after {content: "\F165"; font-family: icomoon; margin: 1px 0 0 10px; vertical-align: top; display: inline-block; } .article-page {} .article-page .speakers {display: flex; flex-wrap: wrap; margin: 0 0 10px 0; } .article-page .speakers .item {flex: 0 1 25%;display: flex;flex-wrap: wrap;align-items: center;padding: 20px 20px 20px 70px;position: relative;font-weight: 600;line-height: 1.2;align-content: center;} .article-page .speakers .item img {max-width: 60px;border-radius: 50%;border: solid 2px #eee;margin: 0 10px 0 0;position: absolute;left: 0;transform: translateY(-50%);top: 50%;} .article-page .speakers .item span {display: block;font-size: 75%;font-weight: 300;flex: 0 1 100%;} .article-page h2 {font-weight: 700 !important; margin: 30px 0 5px 0 !important; } .article-page .intro {margin: 0 0 30px 0; font-weight: 600; font-size: 110%; } .article-page .intro * {text-align:left} .article-page .intro .hero {display: block; margin: 0 0 20px 0; } .article-page .intro .hero img {width: 100%; } .article-page i {position: relative; padding: 0px 3px; cursor: help; font-size: 9px; top: -0.9em; color: #fff; font-style: normal; background: #f70c00; } .article-page .ttip {display: none;position: absolute;right: 20px;background: #555;box-shadow: 0px 0px 17px rgba(0,0,0,0.15);padding: 15px;width: auto;font-size: 13px;line-height: 1.6;z-index: 1000;min-width: 320px;top: 50%;transform: translateY(-50%);color: #fff;font-weight: 400;} .article-page .ttip::before {content: "";position: absolute;right: -5px;border-width: 8px 0 8px 8px;border-color: transparent transparent transparent #555;border-style: solid;width: 0;height: 0;top: 50%;margin: -13px 0 0 0;} .article-page .ttip::after {content:" ";width: 15px;display: block;background: transparent;height: 30px;position: absolute;top: 0;right: -15px;height: 100%;} .article-page .ttip.left {display: none;position: absolute;left: 20px;background: #555;box-shadow: 0px 0px 17px rgba(0,0,0,0.15);padding: 15px;width: auto;font-size: 13px;line-height: 17px;z-index: 1000;min-width: 320px;top: 50%;transform: translateY(-50%);font-weight: 300;} .article-page .ttip.left::before {content:" ";width: 15px;display: block;background: transparent;height: 30px;position: absolute;top: 0;left: -15px;height: 100%;border: none;margin: 0;} .article-page .ttip.left::after {content: "";width: 0;height: 0;border-style: solid;border-width: 8px 8px 8px 0;border-color: transparent #555 transparent transparent;left: -5px;top: 50%;margin: -9px 0 0 0;} .article-page .footnotes {padding: 0;} .article-page .footnotes li {background: none;padding: 12px 15px 12px 15px;font-size: 14px;display: flex;font-weight: 300;} .article-page .footnotes li:nth-child(2n) {background-color: #f4f4f4;} .article-page .footnotes span {display: flex;cursor: pointer;position: relative;min-width: 60px;font-weight: 600;} .article-page .footnotes span::after {content: "\f176";font-family: "Fontawesome";margin: 0 8px 0 25px;cursor: pointer;padding: 0 5px;position: absolute;right: 0;opacity: 1;font-weight: 300;} .article-page .quote {text-align: center; position: relative; font-size: 30px; line-height: 1.1; font-style: italic; padding: 40px; margin: 30px 0; font-weight: 600; color: #f70c00; } .article-page .quote::before {content:"";border-left: solid 7px #f70c00;border-top: solid 7px #f70c00;width: 80px;display: block;height: 80px;position: absolute;left: 0;top: 0;} .article-page .quote::after {content:"";border-right: solid 7px #f70c00;border-bottom: solid 7px #f70c00;width: 80px;display: block;height: 80px;position: absolute;right: 0;bottom: 0;} .article-page div.alignleft {float: left; max-width: 410px; margin: 20px 20px 20px 0px; } .article-page div.alignright {float: right; max-width: 410px; margin: 20px 0 20px 20px; } .article-page div.alignright small, .article-page div.alignleft small, .article-page div.aligncenter small, .article-page div.hero small {text-align: center; display: block; color: #000; line-height: 1.1; font-weight: 300; margin: 10px 0 0 0; font-size: 13px; } .article-page .date {margin: 6px 0 20px 0; color: #999; font-size: 15px; } .article-page .article-meta {} .article-page .article-meta .course-categories {background: #eeeeee; display: inline-block; padding: 10px 15px 10px 10px; font-size: 16px; line-height: 1; position: relative; } .article-page .article-meta .course-categories::before {content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 36px 11px; border-color: transparent transparent #eee transparent; position: absolute; top: 0; left: -11px; } .article-page .article-meta .course-categories a {color:#000} .article-page .article-meta .course-categories a:hover {color:#f70c00} .article-page .article-meta .course-type {position: relative; background: #f70c00; color: #fff; font-size: 16px; padding: 10px 10px 10px 15px; line-height: 1; font-weight: 600; text-transform: uppercase; display: inline-block; margin: 0 20px 9px 0; } .article-page .article-meta .course-type::after {content: ""; width: 0; height: 0; border-style: solid; border-width: 36px 11px 0 0; border-color: #f70c00 transparent transparent transparent; position: absolute; top: 0; right: -11px; } .article-page .article-meta .back-to-details {background: #f70c00; color: #fff; padding: 10px 14px 10px 14px; display: inline-block; line-height: 1; position: absolute; top: 0; right: 0; font-size: 16px; } .article-page .article-meta .back-to-details::before {content:"\F13B";font-family:"icomoon";margin: 0 10px 0 0;} .gallery:not(.owl-carousel) {margin: 0 -5px !important;} .gallery:not(.owl-carousel) .gallery-item {margin: 0 !important;} .gallery:not(.owl-carousel) .gallery-item .gallery-icon {} .gallery:not(.owl-carousel) .gallery-item .gallery-icon a {display: block; padding: 5px;} .gallery:not(.owl-carousel) .gallery-item .gallery-icon a img {border: none !important;/* height: 100% !important; */height: auto;} .gallery:not(.owl-carousel) .gallery-item .gallery-caption {font-size: 13px;} .gallery.owl-carousel {margin: 30px 0; } .gallery.owl-carousel .item {} .gallery.owl-carousel .item a {} .gallery.owl-carousel .item a img {} .gallery.owl-carousel .item .caption {text-align: center; line-height: 1.3; font-size: 14px; margin: 10px 0 0 0; } .gallery.owl-carousel .owl-dots {display: block !important;text-align: center !important;margin: 23px 50px 0;} .gallery.owl-carousel .owl-dots .owl-dot {margin: 0 5px !important; } .gallery.owl-carousel .owl-dots .owl-dot.active {} .gallery.owl-carousel .owl-nav {position: relative; width: 100%; font-size: 27px; } .gallery.owl-carousel .owl-nav .disabled {opacity:0.2} .gallery.owl-carousel .owl-nav .owl-prev {position: absolute; top: 16px; left: 0; } .gallery.owl-carousel .owl-nav .owl-prev::before {content:"\F13B";font-family:"icomoon"} .gallery.owl-carousel .owl-nav .owl-next {position: absolute; top: 16px; right: 0; } .gallery.owl-carousel .owl-nav .owl-next::before {content:"\F165";font-family:"icomoon"} .table-wrap {overflow-x:auto;} .default-table {width: 100%;margin: 20px 0;min-width: 600px;} .default-table thead {} .default-table thead tr {} .default-table thead tr th {background: #f70c00; color: #fff; padding: 8px 12px;} .default-table tbody {} .default-table tbody tr {} .default-table tbody tr:nth-child(2n) {background: #f2f2f2;} .default-table tbody tr td {padding: 8px 12px;} @media (max-width:991px) { .article-page div.alignleft {} .article-page div.alignright {} .article-page div.alignright small, .article-page div.alignleft small, .article-page div.aligncenter small, .article-page div.hero small {} } @media (max-width:767px) { .article-page .speakers .item {flex: 0 1 50%; padding: 20px 10px 20px 70px; } .article-page div.alignleft {} .article-page div.alignleft, .article-page div.alignright {margin: 0 0 20px; float: none; width: 100%; max-width: 100%; } .article-page div.alignright img, .article-page div.alignleft img, .article-page div.aligncenter img {width:100%;} .article-page div.alignright small, .article-page div.alignleft small, .article-page div.aligncenter small, .article-page div.hero small {} } /* ==== Home ==== */ .section-name {display: flex; margin: 0 0 20px 0; align-items: center; } .section-name h2 {font-size: 36px;margin: 0;line-height: 1;font-weight: 300;} .section-name h2 strong {} .section-name #listing-dots {margin: 0 0 0 auto; font-size: 0; } .section-name #listing-dots .owl-dot {width: 15px; height: 15px; background: #ccc; border-radius: 50%; display: inline-block; margin: 0 0 0 10px; vertical-align: top; } .section-name #listing-dots .owl-dot.active {background: #D60008;} div.full-section {background-position: top center !important; background-repeat: no-repeat !important; background-size: cover !important; } div.full-section .content {max-width: 1360px;margin: 0 auto;padding: 50px 0;} div.full-section .content.large-padding {padding: 100px 0;} div.full-section .content .about {display: flex;flex-wrap: wrap;font-size: 20px;} div.full-section .content .about h2 {flex: 0 1 100%;font-size: 36px;display: flex;align-items: center;line-height: 1;margin: 0 0 40px 0;font-weight: 600;} div.full-section .content .about h2 img {max-width: 230px; margin: 3px 30px 0 0; } div.full-section .content .about .left {flex: 0 1 35%;max-width:35%; } div.full-section .content .about .left img {border-radius: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.1); height: 246px;object-fit: cover;} div.full-section .content .about .right {flex: 0 1 65%;max-width:65%;padding: 0 0 0 60px;color: #707070;} div.full-section .content .about .more {color: #464646;font-weight: 700;} div.full-section .content .about .more::after {content: "\F165"; font-family: icomoon; margin: 6px 0 0 10px; vertical-align: top; display: inline-block; font-size: 16px; color: #f70c00; } @media (max-width:767px) { .section-name {flex-wrap: wrap; justify-content: center; margin: 0 0 10px 0; } .section-name h2 {font-size: 26px; flex: 0 1 100%; text-align: center; } .section-name #listing-dots {margin: 20px 0 0 0; } .section-name #listing-dots .owl-dot {margin: 0 10px 0 0px; width: 10px; height: 10px; } div.full-section {} div.full-section .content {padding: 30px 0; } div.full-section .content.large-padding { padding: 30px 0; } div.full-section .content .about {font-size: 18px; } div.full-section .content .about h2 {flex-wrap: wrap;margin: 0 0 20px 0;font-size: 26px;text-align: center;line-height: 1.2;} div.full-section .content .about h2 img {margin: 0 auto 20px;} div.full-section .content .about .left {display: none; } div.full-section .content .about .left img {} div.full-section .content .about .right {flex: 0 1 100%;padding: 0;text-align: center;max-width: 100%;} div.full-section .content .about .more {} div.full-section .content .about .more::after {} } div.full-section {padding: 0 60px;} div.full-section .full-box {display: flex; } div.full-section .full-box .left {flex: 0 1 35%; text-align: center; padding: 60px; background: url(/wp-content/themes/dtsc2021/_sites/www.knstudyclub.de/images/listing-bg.jpg) top right no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; } div.full-section .full-box .left .logo {max-width: 230px; margin: 0 auto 20px auto; } div.full-section .full-box .left h2 {font-size: 60px; font-weight: 700; margin: 0; line-height: 1; text-align: center;} div.full-section .full-box .left.valign-top {justify-content: flex-start; padding-top: 170px; } div.full-section .full-box .right {flex: 0 1 65%; padding: 60px 0 60px 60px; } div.full-section .full-box .right .home-register {} div.full-section .full-box .right .home-register h2 {font-weight: 700; font-size: 36px; } div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_prefix {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_first {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_last {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li.gf_right_half {width: 100%; } div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li {margin: 0 0 40px 0;} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li#field_1337_7 {margin:0 0 20px 0;} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li#field_1337_9 {margin:0 0 20px 0;} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li.gform_hidden {margin: 0 0 0 0; } @media (max-width:1200px) { div.full-section {} div.full-section .full-box {} div.full-section .full-box .left {flex: 0 1 40%; } div.full-section .full-box .left .logo {} div.full-section .full-box .left h2 {font-size: 48px; } div.full-section .full-box .right {flex: 0 1 60%; } div.full-section .full-box .right .home-register {} div.full-section .full-box .right .home-register h2 { } div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_prefix {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_first {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_last {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li.gf_right_half {width: 100%; } div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li#field_1337_7 {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li#field_1337_9 {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li.gform_hidden { } } @media (max-width:991px) { div.full-section { padding: 0 20px; } div.full-section .full-box {flex-wrap: wrap; } div.full-section .full-box .left {flex: 0 1 100%; /* align-items: flex-start; */ padding: 50px 20px; } div.full-section .full-box .left .logo {max-width: 150px; } div.full-section .full-box .left h2 {font-size: 36px; } div.full-section .full-box .left.valign-top {padding: 50px 20px; } div.full-section .full-box .right {flex: 0 1 100%; padding: 20px !important; } div.full-section .full-box .right .home-register {} div.full-section .full-box .right .home-register h2 {font-size: 26px;text-align: left;} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_prefix {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_first {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li > .ginput_complex > .name_last {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li.gf_right_half {width: 100%; } div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li#field_1337_7 {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li#field_1337_9 {} div.full-section .full-box .right .home-register .gform_wrapper .gform_body > ul > li.gform_hidden { } } .newsletter-wrap {text-align: center; color: #fff; } .newsletter-wrap {max-width: 600px;margin: 0 auto;color: #fff;text-align: center;padding: 60px 0;} .newsletter-wrap h2 {margin: 0 0 10px 0;font-weight: 700;font-size: 60px;color: #fff;} .newsletter-wrap p {font-size: 20px;font-weight: 200;opacity: 1;margin: 0 0 30px 0;} .newsletter-wrap .gform_wrapper {position: relative; } .newsletter-wrap .gform_wrapper .gform_body > ul > li > .ginput_container input:not([type=checkbox]):not([type=radio]) {border: none; height: 50px; font-weight: 300; font-size: 18px; padding: 0 20px; } .newsletter-wrap .gform_wrapper .gform_body > ul > li {margin:0} .newsletter-wrap .gform_wrapper .gform_body > ul > li > label {display: none; } .newsletter-wrap .gform_wrapper .gform_footer {position: absolute; right: 0; bottom: 0; } .newsletter-wrap .gform_wrapper .gform_footer input {background: #c6c6c6;color: #fff;text-transform: uppercase;} .newsletter-wrap .gform_wrapper .validation_error {background:#000} .newsletter-wrap .gform_wrapper .gform_body > ul > li > .gfield_description.validation_message {/* display:none */color: #000;font-size: 14px;position: absolute;bottom: -25px;left: 0;text-align: center;width: 100%;} @media (max-width:767px) { .newsletter-wrap {padding: 20px 0; } .newsletter-wrap {} .newsletter-wrap h2 {font-size: 36px; margin: 0; } .newsletter-wrap p {font-size: 17px; margin: 0 0 15px 0; } .newsletter-wrap .gform_wrapper {} .newsletter-wrap .gform_wrapper .gform_body > ul > li > .ginput_container input:not([type=checkbox]):not([type=radio]) {} .newsletter-wrap .gform_wrapper .gform_body > ul > li {} .newsletter-wrap .gform_wrapper .gform_body > ul > li > label {} .newsletter-wrap .gform_wrapper .gform_footer {} .newsletter-wrap .gform_wrapper .gform_footer input {} .newsletter-wrap .gform_wrapper .validation_error {} .newsletter-wrap .gform_wrapper .gform_body > ul > li > .gfield_description.validation_message {} } div.full-section .content .join-banner {color: #fff;display: flex;align-items: center;justify-content: center;padding: 40px 0;} div.full-section .content .join-banner h2 {margin: 0;font-size: 60px;line-height: 1;color: #fff;font-weight: 600;} div.full-section .content .join-banner h2 small { display: block; font-size: 33%; font-weight: 300; line-height: 1.2; margin: 5px 0 0 0; } div.full-section .content .join-banner .arrow {color: #fff; font-size: 80px; margin: 0 0 0 40px; } div.full-section .content .join-banner .arrow i {} @media (max-width:991px) { div.full-section .content .join-banner {} div.full-section .content .join-banner h2 {font-size: 40px;} div.full-section .content .join-banner h2 small {font-size: 50%;} div.full-section .content .join-banner .arrow {} div.full-section .content .join-banner .arrow i {} } @media (max-width:767px) { div.full-section .content .join-banner {padding: 0; } div.full-section .content .join-banner h2 {font-size: 36px; line-height: 1; } div.full-section .content .join-banner h2 small {margin: 15px 0 0 0; } div.full-section .content .join-banner .arrow {} div.full-section .content .join-banner .arrow i {} } .home .zwponline {display: none;} div.full-section .content .explore-banner {color: #fff;display: flex;align-items: center;justify-content: center;padding: 40px 0;} div.full-section .content .explore-banner h2 {margin: 0;font-size: 60px;padding: 0 100px 0 0;line-height: 1;color: #fff;font-weight: 600;} div.full-section .content .explore-banner h2 small { display: block; font-size: 33%; font-weight: 300; line-height: 1.2; margin: 5px 0 0 0; } div.full-section .content .explore-banner .logo {} div.full-section .content .explore-banner .logo img { max-width: 310px; } div.full-section .content .explore-banner .logo span { color: #fff; font-weight: 300; font-size: 28px; display: block; line-height: 1; margin: 8px 0 0 0; } @media (max-width:991px) { div.full-section .content .explore-banner { flex-wrap: wrap; text-align: center; } div.full-section .content .explore-banner h2 {font-size: 40px;padding: 0;flex: 0 1 100%;margin: 0 0 30px 0;} div.full-section .content .explore-banner h2 small { font-size: 50%; } div.full-section .content .explore-banner .logo {} div.full-section .content .explore-banner .logo img {} div.full-section .content .explore-banner .logo span {} } @media (max-width:767px) { div.full-section .content .explore-banner {padding: 0; } div.full-section .content .explore-banner h2 {font-size: 36px; line-height: 1; } div.full-section .content .explore-banner h2 small {margin: 15px 0 0 0;font-size: 50%;} div.full-section .content .explore-banner .logo {} div.full-section .content .explore-banner .logo img { max-width: 200px; } div.full-section .content .explore-banner .logo span { font-size: 18px; } } /* ===================== */ /* ======== FAQ ======== */ /*====================== */ .faqListing {} .faqListing .item {} .faqListing .item .question {font-weight: 600; } .faqListing .item .question i {} .faqListing .item .question::before {} .faqListing .item.active .question::before {background: none; border: none; color: #f70c00; content: "\f068"; } .faqListing .item .answer {padding: 0 0 0 20px;margin: 20px 0 0 80px;border-left: solid 3px #f70c00;font-weight: 200;} .faqListing .item .answer p:last-child {} .faqListing .item.active {} .faqListing .item.active .question {} .faqListing .item.active i {} .faqListing .item:last-child {} .faqListing .item p:empty {} @media (max-width: 767px) { .faqListing .item .question {} } .advantages {display: flex; align-items: center; } .advantages .left {flex: 0 1 50%;padding: 0 40px 0 0;} .advantages .left img {max-width: 390px;} .advantages .left h2 {margin: 0; font-size: 55px; font-weight: 700; } .advantages .right {flex: 0 1 50%;} .advantages .right ul {font-size: 22px; padding: 0; margin: 0; list-style: none; } .advantages .right ul li {margin: 8px 0;position: relative;padding: 0 0 0 20px;} .advantages .right ul li::before {content:"";width: 8px;height: 8px;border: solid 2px #f70c00;position: absolute;top: 15px;left: 0;border-radius: 50%;} @media (max-width: 991px) { .advantages {flex-wrap: wrap; } .advantages .left {padding: 0; flex: 0 1 100%; text-align: center; } .advantages .left img {max-width: 260px; } .advantages .left h2 {font-size: 32px; margin: 0 0 30px 0; } .advantages .right {flex: 0 1 100%; text-align: center; } .advantages .right ul {font-size: 18px; } .advantages .right ul li {padding: 0; } .advantages .right ul li::before {position: relative; top: auto; left: auto; display: inline-block; margin: 11px 10px 0 0; vertical-align: top; } } .steps {} .steps .item {margin: 0 0 30px 0; border-bottom: solid 1px #eee; padding: 0 0 30px 0; } .steps .item h3 {font-weight: 600;position: relative;padding: 0 20px 0 40px;font-size: 20px;margin: 0;cursor: pointer;display: inline-block;} .steps .item h3::before {content:"";width: 30px;height: 30px;display: inline-block;background: #f70c00;color: #fff;text-align: center;position: absolute;top: -3px;margin: 0 10px 0 0;font-size: 16px;line-height: 30px;left: 0;border-radius: 50%;} .steps .item:nth-child(1) h3::before {content:"1";} .steps .item:nth-child(2) h3::before {content:"2";} .steps .item:nth-child(3) h3::before {content:"3";} .steps .item:nth-child(4) h3::before {content:"4";} .steps .item:nth-child(5) h3::before {content:"5";} .steps .item:nth-child(6) h3::before {content:"6";} .steps .item:nth-child(7) h3::before {content:"7";} .steps .item h3::after {content:"\f0dd";font-family: "Font Awesome 5 Free";vertical-align: top;margin: 2px 0 0 10px;line-height: 0.6;display: inline-block;color: #f70c00;position: absolute;top: 0;right: 0;} .steps .item.active h3::after {content:"\f0de";margin: 9px 0 0 10px;} .steps .item .text {margin: 0 0 0 80px; padding: 0 0 0 20px; border-left: solid 3px #f70c00; max-height:0; overflow:hidden; transition:all 0.1s;} .steps .item.active .text {max-height:1500px; margin-top: 20px; } @media (max-width: 767px) { .steps {margin: 20px 0 0 0; } .steps .item {padding: 0 0 20px 0; margin: 0 0 20px 0; } .steps .item h3 {font-size: 18px; display: block; } .steps .item .text {} } .promo-code {background: #f70c00;color: #fff;padding: 25px;margin: 0 0 40px 0;} .promo-code h2 {margin: 0 !important;color: #fff !important;font-weight: 800 !important;font-size: 25px !important;} .promo-code p {} .promo-code form {display: flex;} .promo-code form input[type="text"] {flex: 1;height: 45px;border: none;padding: 0 15px;font-weight: 300;} .promo-code form input[type="submit"] {padding: 0 20px;background: #000;color: #fff;border: none;border-radius: 0;} .account-disclaimer {background: var(--c-main); color: #fff; padding: 25px; font-size: 15px; } .account-disclaimer a {color: #fff; text-decoration: underline; } .oemus { position: relative; margin: 0 0 20px 0; } .oemus::before {content:"";padding-top:29.41%;display: block;} .oas.desktop {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .oas.tablet {/*display: none;*/position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .oas.mobile {/*display: none;*/position: absolute;left: 0;top: 0;width: 100%;height: 100%;} @media (max-width: 1024px) { .oemus::before {content:"";padding-top:30%;display: block;} /* .ad.desktop-ads {display: none;} .ad.tablet-ads {display: block;} .ad.mobile-ads {display: none;} */ } @media (max-width: 480px) { .oemus::before {content:"";padding-top:41.67%;display: block;} /* .ad.desktop-ads {display: none;} .ad.tablet-ads {display: none;} .ad.mobile-ads {display: block;} */ }