@charset "UTF-8";
/*! main.css v1.0.0 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Poppins:wght@300;400;500;600&display=swap");
.vert > p, .vert > div, .vert > a {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/*--------------------------------
Media Queries
used for outputting content either between media query tags
example: basic usage
.element {
width: 50%;
@include mq('tablet-small') {
width: 20%;
}
}
example: using max-width
.element {
width: 50%;
@include mq('tablet-small', 'max') {
width: 20%;
}
}
*/
/*--------------------------------
Margin / Padding Quick Resets
example: top & bottom margin set to $spacing-unit
.element {
@include push--ends;
}
example: left & right padding set to $spacing-unit--small
.element {
@include soft--sides($spacing-unit--small);
}
*/
/*--------------------------------
Helper mixins
*/
/*--------------------------------
Form input placeholder text
example:
input,
textarea {
@include input-placeholder {
color: $grey;
}
}
*/
/*--------------------------------
Retina images
example:
.element {
@include retina {
background-image: url(../img/background@2x.png);
}
}
*/
/*--------------------------------
Content margins
fore removing first/last child margins
example: default
.element {
@include content-margins;
}
output:
.element > *:first-child {
margin-top: 0;
}
.element > *:last-child {
margin-bottom: 0;
}
example: empty selector
.element {
@include content-margins('false');
}
output:
.element:first-child {
margin-top: 0;
}
.element:last-child {
margin-bottom: 0;
}
*/
/*--------------------------------
CSS Triangle
used for creating CSS only triangles
example:
.element {
&::before {
@include css-triangle(blue, down);
}
}
*/
/*--------------------------------
Hide text
example:
.element {
@include hide-text;
}
*/
/*--------------------------------
Responsive ratio
Used for creating scalable elements that maintain the same ratio
example:
.element {
@include responsive-ratio(400, 300);
}
*/
/*--------------------------------
Typography
Text image replacement, with responsive ratio
HTML:
Text to replace
example:
.element {
@include typography(200, 50, 'hello-world');
}
*/
/*--------------------------------
Icon
For using fontastic icons in pseudo elements
*/
/*--------------------------------
Colours
background, colour, etc. match up with colour map in _variables.scss
modify to suit per project
*/
/*--------------------------------
Misc
*/
/*--------------------------------
Fluid Property
http://www.adrenalinmedia.com.au/the-agency/insights/this-changes-everything-css-fluid-properties.aspx
HTML:
Text to replace
example:
h1 {
@include fp(font-size, 50, 100); // 50px at 320, 100px at 1920;
}
output:
h1 {
font-size: calc(3.125vw + 40px); //This is the magic!
}
@media (max-width:320px){ //Clips the start to the min value
font-size:50px;
}
@media (min-width:1920px){ //Clips the end to the max value
font-size:100px;
}
*/
/*
Make bootstrap-select work with bootstrap 4 see:
https://github.com/silviomoreto/bootstrap-select/issues/1135
*/
.dropdown-toggle.btn-default {
color: #D50204;
background-color: #fff;
border-color: #ccc;
}
.dropdown-toggle.btn-default:focus, .dropdown-toggle.btn-default:hover {
color: #D50204;
}
.bootstrap-select.show > .dropdown-menu > .dropdown-menu {
padding: 0 0 10px;
display: block;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {
display: none;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
display: block;
width: 100%;
padding: 3px 15px;
clear: both;
font-weight: 400;
color: #D50204;
text-align: inherit;
background: 0 0;
border: 0;
text-decoration: none;
}
@media (max-width: 639px) {
.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
font-size: 14px;
padding: 3px 12px;
}
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li a:hover {
background-color: #f4f4f4;
}
.bootstrap-select > .dropdown-toggle {
width: 100%;
}
.dropdown-menu > li.active > a {
color: #fff !important;
background-color: #337ab7 !important;
}
.bootstrap-select .check-mark {
line-height: 14px;
}
.bootstrap-select .check-mark::after {
font-family: "FontAwesome";
content: "\f00c";
}
.bootstrap-select button {
overflow: hidden;
text-overflow: ellipsis;
}
/* Make filled out selects be the same size as empty selects */
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
display: inline !important;
float: none;
}
/* Apply CSS to iOS affected versions only */
body.iosBugFixCaret.modal-open {
position: fixed;
width: 100%;
}
html {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
body {
font-family: "Poppins", sans-serif;
overflow: hidden;
line-height: 1;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
outline: none;
}
@media (min-width: 1920px) {
.whole_content_wrap {
background: #f5f5f5;
padding: 0 0 67px;
}
.whole_content_wrap.white {
background: #fff;
}
.whole_content_wrap .inner_content_wrap {
border-radius: 6px;
margin-right: auto;
margin-left: auto;
width: 1770px;
}
.whole_content_wrap.cnt-small {
padding-top: 50px;
}
.whole_content_wrap.cnt-small .inner_content_wrap {
width: 912px;
}
.whole_content_wrap.cnt-small .container {
width: 100%;
padding: 0;
}
}
@media (min-width: 1920px) {
.container {
padding-right: 50px;
padding-left: 50px;
max-width: 1200px;
width: 1200px;
}
.whole_content_wrap {
background: #f5f5f5;
padding: 0 0 67px;
}
.whole_content_wrap.white {
background: #fff;
}
.whole_content_wrap .inner_content_wrap {
border-radius: 6px;
margin-right: auto;
margin-left: auto;
width: 1770px;
}
.whole_content_wrap.cnt-small {
padding-top: 50px;
}
.whole_content_wrap.cnt-small .inner_content_wrap {
width: 912px;
}
.whole_content_wrap.cnt-small .container {
width: 100%;
padding: 0;
}
}
.embed-responsive-16by9 {
margin-top: -1px;
}
.embed-responsive-16by9:before {
padding-top: 55.71%;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Inter";
}
a,
a:focus {
box-shadow: none;
outline: 0;
}
sup {
font-size: 60%;
top: -0.8em;
}
[class^=icon-],
[class*=" icon-"] {
font-weight: 100;
font-size: 80%;
}
a span.icon-right-thin,
p span.icon-right-thin,
button span.icon-right-thin {
transition: all 0.3s linear;
margin-right: 0;
margin-left: 0;
}
a:hover span.icon-right-thin,
p:hover span.icon-right-thin,
button:hover span.icon-right-thin {
margin-right: -5px;
margin-left: 5px;
}
iframe.flexible {
position: absolute;
overflow-x: hidden;
overflow-y: hidden;
overflow: hidden;
height: 100%;
width: 100%;
bottom: 0px;
right: 0px;
left: 0px;
top: 0px;
}
span.nobr {
white-space: nowrap;
}
.down_icon {
transition: all 0.3s linear;
border: 1px solid #ddd;
text-decoration: none;
font-size: 22px;
border-radius: 50%;
position: absolute;
line-height: 70px;
background: #fff;
margin: auto;
height: 58px;
width: 58px;
color: #bbb;
z-index: 1;
top: -29px;
right: 0;
left: 0;
}
.down_icon.bottom {
bottom: -29px;
top: initial;
}
.down_icon:hover {
border: 1px solid #bbb;
color: #000;
top: -24px;
}
.down_icon .icon-down-open-big {
position: absolute;
line-height: 70px;
margin: auto;
height: 58px;
width: 58px;
right: 0;
left: 0;
}
.down_icon .icon-down-open-big.first {
line-height: 50px;
}
.whole_content_wrap .inner_content_wrap {
background-color: #fff;
}
.whole_content_wrap.gray footer .with_love .txt_wrap,
.whole_content_wrap.gray .inner_content_wrap {
background-color: #f5f5f5;
}
#hbl-live-chat-wrapper #olark-wrapper .olark-launch-button,
.pushcrew-side-button.pushcrew-chicklet-position-tr {
background: #D50204 !important;
}
#hbl-live-chat-wrapper #olark-wrapper .olark-launch-button:hover,
.pushcrew-side-button.pushcrew-chicklet-position-tr:hover {
background: #fd0d10 !important;
}
#hbl-live-chat-wrapper #olark-wrapper .olark-top-bar {
background: #D50204 !important;
border-color: #D50204 !important;
}
#hbl-live-chat-wrapper #olark-wrapper #olark-container.olark-hidden {
top: initial !important;
bottom: 0% !important;
left: 200% !important;
}
#hbl-live-chat-wrapper #olark-wrapper #olark-container .olark-form-confirmation-icon .olark-launch-button-icon {
fill: #D50204 !important;
}
#hbl-live-chat-wrapper #olark-wrapper #olark-container .olark-form-message-input:focus,
#hbl-live-chat-wrapper #olark-wrapper #olark-container .olark-form-input:focus {
border-color: #D50204 !important;
}
#hbl-live-chat-wrapper #olark-wrapper #olark-container .olark-form-send-button {
background: #D50204 !important;
}
#hbl-live-chat-wrapper #olark-wrapper #olark-container .olark-form-send-button:hover {
background: #fd0d10 !important;
}
.ifs_reg div[id^=nb-field-] div.nb-feedback {
padding: 5px 15px !important;
max-width: 100% !important;
margin-top: 2px !important;
}
@media (max-width: 767px) {
.ifs_reg div[id^=nb-field-] div.nb-feedback {
padding: 3px 7px !important;
font-size: 13px !important;
}
}
.ifs_reg div[id^=nb-field-] div.nb-feedback .nb-poweredby {
display: none !important;
}
.loader {
animation: spin 1.2s linear infinite;
border: 1px solid #fff;
border-top: 1px solid #D50204;
border-radius: 50%;
position: absolute;
z-index: 99999;
display: none;
margin: auto;
height: 95px;
width: 95px;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (min-width: 992px) {
#collapse_sm_menu {
height: initial !important;
display: table;
width: 100%;
}
}
.down_icon {
transition: all 0.3s linear;
border: 1px solid #ddd;
text-decoration: none;
font-size: 22px;
border-radius: 50%;
position: absolute;
line-height: 70px;
background: #fff;
margin: auto;
height: 58px;
width: 58px;
color: #bbb;
z-index: 1;
top: -29px;
right: 0;
left: 0;
}
.down_icon.bottom {
bottom: -29px;
top: initial;
}
.down_icon:hover {
border: 1px solid #bbb;
color: #000;
top: -24px;
}
.down_icon .icon-down-open-big {
position: absolute;
line-height: 70px;
margin: auto;
height: 58px;
width: 58px;
right: 0;
left: 0;
}
.down_icon .icon-down-open-big.first {
line-height: 50px;
}
.grow {
transition: all 0.3s ease-in-out;
}
.grow:hover {
transform: scale(1.05);
}
.grayscale {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 300ms ease-in-out;
}
.grayscale:hover {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: grayscale(0);
}
@keyframes nice_toggle {
0% {
opacity: 0;
height: 0;
}
1% {
transform: scale(0);
height: 50px;
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip:hover {
backface-visibility: visible;
animation-name: flip;
animation-iteration-count: 1;
}
@keyframes pulse_animation {
0% {
transform: scale(1);
}
30% {
transform: scale(1);
}
40% {
transform: scale(1.1);
}
50% {
transform: scale(1);
}
60% {
transform: scale(1);
}
70% {
transform: scale(1.1);
}
80% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
.pulse {
animation-name: pulse_animation;
animation-duration: 2000ms;
transform-origin: 100% 100%;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.rotate {
transition-property: transform;
transition-duration: 0.8s;
transform: rotate(0deg);
overflow: hidden;
}
.rotate:hover {
transform: rotate(360deg);
}
@keyframes pr_color_blink {
0% {
color: #D50204;
}
100% {
color: #787878;
}
}
a.btn, #reg .media_wrap_cohort .media .right a,
#reg .reg_all_links a, #modal_module_completed .modal-body h2 a,
button.btn,
#reg .media_wrap_cohort .media .right button,
#reg .reg_all_links button,
input.btn,
span.btn {
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
font-size: 15px;
line-height: 1.2em;
font-weight: 700;
color: #fff;
border-radius: 100px;
white-space: normal;
text-shadow: none;
cursor: pointer;
border: 0;
}
a.btn:hover, #reg .media_wrap_cohort .media .right a:hover,
#reg .reg_all_links a:hover, #modal_module_completed .modal-body h2 a:hover, a.btn.hover, #reg .media_wrap_cohort .media .right a.hover,
#reg .reg_all_links a.hover, #modal_module_completed .modal-body h2 a.hover, a.btn.active.focus, a.btn.active:focus, a.btn.focus, #reg .media_wrap_cohort .media .right a.focus,
#reg .reg_all_links a.focus, #modal_module_completed .modal-body h2 a.focus, a.btn:active.focus, a.btn:active:focus, a.btn:focus, #reg .media_wrap_cohort .media .right a:focus,
#reg .reg_all_links a:focus, #modal_module_completed .modal-body h2 a:focus,
button.btn:hover,
#reg .media_wrap_cohort .media .right button:hover,
#reg .reg_all_links button:hover,
button.btn.hover,
#reg .media_wrap_cohort .media .right button.hover,
#reg .reg_all_links button.hover,
button.btn.active.focus,
button.btn.active:focus,
button.btn.focus,
#reg .media_wrap_cohort .media .right button.focus,
#reg .reg_all_links button.focus,
button.btn:active.focus,
button.btn:active:focus,
button.btn:focus,
#reg .media_wrap_cohort .media .right button:focus,
#reg .reg_all_links button:focus,
input.btn:hover,
input.btn.hover,
input.btn.active.focus,
input.btn.active:focus,
input.btn.focus,
input.btn:active.focus,
input.btn:active:focus,
input.btn:focus,
span.btn:hover,
span.btn.hover,
span.btn.active.focus,
span.btn.active:focus,
span.btn.focus,
span.btn:active.focus,
span.btn:active:focus,
span.btn:focus {
box-shadow: none;
outline: none;
color: #fff;
}
@media (max-width: 479px) {
a.btn, #reg .media_wrap_cohort .media .right a,
#reg .reg_all_links a, #modal_module_completed .modal-body h2 a,
button.btn,
#reg .media_wrap_cohort .media .right button,
#reg .reg_all_links button,
input.btn,
span.btn {
padding-right: 10px;
padding-left: 10px;
width: 100%;
}
}
a.btn.btn_white, #reg .media_wrap_cohort .media .right a.btn_white,
#reg .reg_all_links a.btn_white, #modal_module_completed .modal-body h2 a.btn_white,
button.btn.btn_white,
#reg .media_wrap_cohort .media .right button.btn_white,
#reg .reg_all_links button.btn_white,
input.btn.btn_white,
span.btn.btn_white {
background: #fff;
padding: 10px 32px;
color: #D50204;
border-radius: 4px;
}
a.btn.btn_white:hover, #reg .media_wrap_cohort .media .right a.btn_white:hover,
#reg .reg_all_links a.btn_white:hover, #modal_module_completed .modal-body h2 a.btn_white:hover,
button.btn.btn_white:hover,
#reg .media_wrap_cohort .media .right button.btn_white:hover,
#reg .reg_all_links button.btn_white:hover,
input.btn.btn_white:hover,
span.btn.btn_white:hover {
color: #fff;
background: #fd0d10;
}
a.btn.btn-gradient, #reg .media_wrap_cohort .media .right a.btn-gradient,
#reg .reg_all_links a.btn-gradient, #modal_module_completed .modal-body h2 a.btn-gradient,
button.btn.btn-gradient,
#reg .media_wrap_cohort .media .right button.btn-gradient,
#reg .reg_all_links button.btn-gradient,
input.btn.btn-gradient,
span.btn.btn-gradient {
background: #d50204;
background-size: 100%;
background-image: linear-gradient(to right, #d50204, #bc292a);
position: relative;
overflow: hidden;
z-index: 100;
text-transform: uppercase;
letter-spacing: 2.2px;
padding: 20px 35px;
cursor: pointer;
}
a.btn.btn-gradient:before, #reg .media_wrap_cohort .media .right a.btn-gradient:before,
#reg .reg_all_links a.btn-gradient:before, #modal_module_completed .modal-body h2 a.btn-gradient:before,
button.btn.btn-gradient:before,
#reg .media_wrap_cohort .media .right button.btn-gradient:before,
#reg .reg_all_links button.btn-gradient:before,
input.btn.btn-gradient:before,
span.btn.btn-gradient:before {
background: #bc292a;
background-image: linear-gradient(to right, #bc292a, #d50204);
border-radius: 100px;
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
z-index: -100;
transition: opacity 0.5s;
}
a.btn.btn-gradient:hover:before, #reg .media_wrap_cohort .media .right a.btn-gradient:hover:before,
#reg .reg_all_links a.btn-gradient:hover:before, #modal_module_completed .modal-body h2 a.btn-gradient:hover:before,
button.btn.btn-gradient:hover:before,
#reg .media_wrap_cohort .media .right button.btn-gradient:hover:before,
#reg .reg_all_links button.btn-gradient:hover:before,
input.btn.btn-gradient:hover:before,
span.btn.btn-gradient:hover:before {
opacity: 1;
}
@media (max-width: 1199px) {
a.btn.btn-gradient, #reg .media_wrap_cohort .media .right a.btn-gradient,
#reg .reg_all_links a.btn-gradient, #modal_module_completed .modal-body h2 a.btn-gradient,
button.btn.btn-gradient,
#reg .media_wrap_cohort .media .right button.btn-gradient,
#reg .reg_all_links button.btn-gradient,
input.btn.btn-gradient,
span.btn.btn-gradient {
letter-spacing: 0;
padding: 15px 30px;
}
}
@media (max-width: 479px) {
a.btn.btn-gradient, #reg .media_wrap_cohort .media .right a.btn-gradient,
#reg .reg_all_links a.btn-gradient, #modal_module_completed .modal-body h2 a.btn-gradient,
button.btn.btn-gradient,
#reg .media_wrap_cohort .media .right button.btn-gradient,
#reg .reg_all_links button.btn-gradient,
input.btn.btn-gradient,
span.btn.btn-gradient {
padding-right: 10px;
padding-left: 10px;
}
}
a.btn.btn-gradient.btn-squared, #reg .media_wrap_cohort .media .right a.btn-gradient.btn-squared,
#reg .reg_all_links a.btn-gradient.btn-squared, #modal_module_completed .modal-body h2 a.btn-gradient.btn-squared,
button.btn.btn-gradient.btn-squared,
#reg .media_wrap_cohort .media .right button.btn-gradient.btn-squared,
#reg .reg_all_links button.btn-gradient.btn-squared,
input.btn.btn-gradient.btn-squared,
span.btn.btn-gradient.btn-squared {
border-radius: 2px;
}
a.btn.btn-gradient.btn-squared:before, #reg .media_wrap_cohort .media .right a.btn-gradient.btn-squared:before,
#reg .reg_all_links a.btn-gradient.btn-squared:before, #modal_module_completed .modal-body h2 a.btn-gradient.btn-squared:before,
button.btn.btn-gradient.btn-squared:before,
#reg .media_wrap_cohort .media .right button.btn-gradient.btn-squared:before,
#reg .reg_all_links button.btn-gradient.btn-squared:before,
input.btn.btn-gradient.btn-squared:before,
span.btn.btn-gradient.btn-squared:before {
border-radius: 2px;
}
a.btn.btn-trsp-blue, #reg .media_wrap_cohort .media .right a.btn-trsp-blue,
#reg .reg_all_links a.btn-trsp-blue, #modal_module_completed .modal-body h2 a.btn-trsp-blue,
button.btn.btn-trsp-blue,
#reg .media_wrap_cohort .media .right button.btn-trsp-blue,
#reg .reg_all_links button.btn-trsp-blue,
input.btn.btn-trsp-blue,
span.btn.btn-trsp-blue {
font-size: 13px;
font-weight: 500;
color: #D50204;
border: 1px solid #D50204;
background: transparent;
margin: 0;
}
a.btn.btn-trsp-blue:hover, #reg .media_wrap_cohort .media .right a.btn-trsp-blue:hover,
#reg .reg_all_links a.btn-trsp-blue:hover, #modal_module_completed .modal-body h2 a.btn-trsp-blue:hover,
button.btn.btn-trsp-blue:hover,
#reg .media_wrap_cohort .media .right button.btn-trsp-blue:hover,
#reg .reg_all_links button.btn-trsp-blue:hover,
input.btn.btn-trsp-blue:hover,
span.btn.btn-trsp-blue:hover {
color: #fff;
background: #D50204;
}
a.btn.btn-empty, #reg .media_wrap_cohort .media .right a.btn-empty,
#reg .reg_all_links a.btn-empty, #modal_module_completed .modal-body h2 a.btn-empty,
button.btn.btn-empty,
#reg .media_wrap_cohort .media .right button.btn-empty,
#reg .reg_all_links button.btn-empty,
input.btn.btn-empty,
span.btn.btn-empty {
font-size: 13px;
font-weight: 500;
color: #fff;
background: transparent;
border: 1px solid #fff;
margin: 0;
}
@media (max-width: 479px) {
a.btn.btn-empty, #reg .media_wrap_cohort .media .right a.btn-empty,
#reg .reg_all_links a.btn-empty, #modal_module_completed .modal-body h2 a.btn-empty,
button.btn.btn-empty,
#reg .media_wrap_cohort .media .right button.btn-empty,
#reg .reg_all_links button.btn-empty,
input.btn.btn-empty,
span.btn.btn-empty {
padding-right: 10px;
padding-left: 10px;
width: 100%;
}
}
a.btn.btn-empty:hover, #reg .media_wrap_cohort .media .right a.btn-empty:hover,
#reg .reg_all_links a.btn-empty:hover, #modal_module_completed .modal-body h2 a.btn-empty:hover,
button.btn.btn-empty:hover,
#reg .media_wrap_cohort .media .right button.btn-empty:hover,
#reg .reg_all_links button.btn-empty:hover,
input.btn.btn-empty:hover,
span.btn.btn-empty:hover {
background: #D50204;
}
a.btn.btn-empty.to_yellow:hover, #reg .media_wrap_cohort .media .right a.btn-empty.to_yellow:hover,
#reg .reg_all_links a.btn-empty.to_yellow:hover, #modal_module_completed .modal-body h2 a.btn-empty.to_yellow:hover,
button.btn.btn-empty.to_yellow:hover,
#reg .media_wrap_cohort .media .right button.btn-empty.to_yellow:hover,
#reg .reg_all_links button.btn-empty.to_yellow:hover,
input.btn.btn-empty.to_yellow:hover,
span.btn.btn-empty.to_yellow:hover {
border-color: #F2EC28;
background: #F2EC28;
}
a.btn.btn-empty-yellow, #reg .media_wrap_cohort .media .right a.btn-empty-yellow,
#reg .reg_all_links a.btn-empty-yellow, #modal_module_completed .modal-body h2 a.btn-empty-yellow,
button.btn.btn-empty-yellow,
#reg .media_wrap_cohort .media .right button.btn-empty-yellow,
#reg .reg_all_links button.btn-empty-yellow,
input.btn.btn-empty-yellow,
span.btn.btn-empty-yellow {
font-size: 13px;
font-weight: 500;
color: #fff;
background: transparent;
border: 2px solid #fff;
border-radius: 2px;
margin: 0;
}
a.btn.btn-empty-yellow:hover, #reg .media_wrap_cohort .media .right a.btn-empty-yellow:hover,
#reg .reg_all_links a.btn-empty-yellow:hover, #modal_module_completed .modal-body h2 a.btn-empty-yellow:hover,
button.btn.btn-empty-yellow:hover,
#reg .media_wrap_cohort .media .right button.btn-empty-yellow:hover,
#reg .reg_all_links button.btn-empty-yellow:hover,
input.btn.btn-empty-yellow:hover,
span.btn.btn-empty-yellow:hover {
border: 2px solid #F2EC28;
background: #F2EC28;
}
@media (max-width: 479px) {
a.btn.btn-empty-yellow, #reg .media_wrap_cohort .media .right a.btn-empty-yellow,
#reg .reg_all_links a.btn-empty-yellow, #modal_module_completed .modal-body h2 a.btn-empty-yellow,
button.btn.btn-empty-yellow,
#reg .media_wrap_cohort .media .right button.btn-empty-yellow,
#reg .reg_all_links button.btn-empty-yellow,
input.btn.btn-empty-yellow,
span.btn.btn-empty-yellow {
padding-right: 10px;
padding-left: 10px;
width: 100%;
}
}
a.btn.btn-yellow, #reg .media_wrap_cohort .media .right a.btn-yellow,
#reg .reg_all_links a.btn-yellow, #modal_module_completed .modal-body h2 a.btn-yellow,
button.btn.btn-yellow,
#reg .media_wrap_cohort .media .right button.btn-yellow,
#reg .reg_all_links button.btn-yellow,
input.btn.btn-yellow,
span.btn.btn-yellow {
border: 2px solid transparent;
font-size: 14px;
line-height: 1.3em;
background: #F2EC28;
letter-spacing: 1px;
padding: 13px 18px;
border-radius: 2px;
color: #fff;
}
a.btn.btn-yellow:not([href]):not([tabindex]), #reg .media_wrap_cohort .media .right a.btn-yellow:not([href]):not([tabindex]),
#reg .reg_all_links a.btn-yellow:not([href]):not([tabindex]), #modal_module_completed .modal-body h2 a.btn-yellow:not([href]):not([tabindex]),
button.btn.btn-yellow:not([href]):not([tabindex]),
#reg .media_wrap_cohort .media .right button.btn-yellow:not([href]):not([tabindex]),
#reg .reg_all_links button.btn-yellow:not([href]):not([tabindex]),
input.btn.btn-yellow:not([href]):not([tabindex]),
span.btn.btn-yellow:not([href]):not([tabindex]) {
color: #fff;
}
a.btn.btn-yellow:hover, #reg .media_wrap_cohort .media .right a.btn-yellow:hover,
#reg .reg_all_links a.btn-yellow:hover, #modal_module_completed .modal-body h2 a.btn-yellow:hover,
button.btn.btn-yellow:hover,
#reg .media_wrap_cohort .media .right button.btn-yellow:hover,
#reg .reg_all_links button.btn-yellow:hover,
input.btn.btn-yellow:hover,
span.btn.btn-yellow:hover {
background: transparent;
border-color: #fff;
color: #fff;
}
a.btn.btn-yellow.with_hover:hover, #reg .media_wrap_cohort .media .right a.btn-yellow.with_hover:hover,
#reg .reg_all_links a.btn-yellow.with_hover:hover, #modal_module_completed .modal-body h2 a.btn-yellow.with_hover:hover,
button.btn.btn-yellow.with_hover:hover,
#reg .media_wrap_cohort .media .right button.btn-yellow.with_hover:hover,
#reg .reg_all_links button.btn-yellow.with_hover:hover,
input.btn.btn-yellow.with_hover:hover,
span.btn.btn-yellow.with_hover:hover {
border-color: #f1ea10;
background: #f1ea10;
}
a.btn.btn-white, #reg .media_wrap_cohort .media .right a.btn-white,
#reg .reg_all_links a.btn-white, #modal_module_completed .modal-body h2 a.btn-white,
button.btn.btn-white,
#reg .media_wrap_cohort .media .right button.btn-white,
#reg .reg_all_links button.btn-white,
input.btn.btn-white,
span.btn.btn-white {
border: 2px solid transparent;
font-size: 14px;
line-height: 1.3em;
letter-spacing: 1px;
padding: 13px 18px;
border-radius: 2px;
background: #fff;
color: #D50204;
}
a.btn.btn-white:hover, #reg .media_wrap_cohort .media .right a.btn-white:hover,
#reg .reg_all_links a.btn-white:hover, #modal_module_completed .modal-body h2 a.btn-white:hover,
button.btn.btn-white:hover,
#reg .media_wrap_cohort .media .right button.btn-white:hover,
#reg .reg_all_links button.btn-white:hover,
input.btn.btn-white:hover,
span.btn.btn-white:hover {
background: transparent;
border-color: #fff;
color: #fff;
}
a.btn.btn-trsp-white, #reg .media_wrap_cohort .media .right a.btn-trsp-white,
#reg .reg_all_links a.btn-trsp-white, #modal_module_completed .modal-body h2 a.btn-trsp-white,
button.btn.btn-trsp-white,
#reg .media_wrap_cohort .media .right button.btn-trsp-white,
#reg .reg_all_links button.btn-trsp-white,
input.btn.btn-trsp-white,
span.btn.btn-trsp-white {
font-size: 14px;
line-height: 1.3em;
color: #fff;
background: transparent;
border: 2px solid #fff;
letter-spacing: 1px;
padding: 13px 18px;
border-radius: 2px;
}
a.btn.btn-trsp-white:hover, #reg .media_wrap_cohort .media .right a.btn-trsp-white:hover,
#reg .reg_all_links a.btn-trsp-white:hover, #modal_module_completed .modal-body h2 a.btn-trsp-white:hover,
button.btn.btn-trsp-white:hover,
#reg .media_wrap_cohort .media .right button.btn-trsp-white:hover,
#reg .reg_all_links button.btn-trsp-white:hover,
input.btn.btn-trsp-white:hover,
span.btn.btn-trsp-white:hover {
border-color: transparent;
color: #D50204;
background: #fff;
}
a.btn.btn-blue, #reg .media_wrap_cohort .media .right a.btn-blue,
#reg .reg_all_links a.btn-blue, #modal_module_completed .modal-body h2 a.btn-blue,
button.btn.btn-blue,
#reg .media_wrap_cohort .media .right button.btn-blue,
#reg .reg_all_links button.btn-blue,
input.btn.btn-blue,
span.btn.btn-blue {
background: #D50204;
letter-spacing: 1.5px;
font-size: 15px;
border-radius: 2px;
padding: 15px 75px;
}
@media (max-width: 479px) {
a.btn.btn-blue, #reg .media_wrap_cohort .media .right a.btn-blue,
#reg .reg_all_links a.btn-blue, #modal_module_completed .modal-body h2 a.btn-blue,
button.btn.btn-blue,
#reg .media_wrap_cohort .media .right button.btn-blue,
#reg .reg_all_links button.btn-blue,
input.btn.btn-blue,
span.btn.btn-blue {
padding-right: 10px;
padding-left: 10px;
width: 100%;
}
}
a.btn.btn-blue:hover, #reg .media_wrap_cohort .media .right a.btn-blue:hover,
#reg .reg_all_links a.btn-blue:hover, #modal_module_completed .modal-body h2 a.btn-blue:hover,
button.btn.btn-blue:hover,
#reg .media_wrap_cohort .media .right button.btn-blue:hover,
#reg .reg_all_links button.btn-blue:hover,
input.btn.btn-blue:hover,
span.btn.btn-blue:hover {
background: #fd0d10;
}
a.btn.btn_purple, #reg .media_wrap_cohort .media .right a.btn_purple,
#reg .reg_all_links a.btn_purple, #modal_module_completed .modal-body h2 a.btn_purple,
button.btn.btn_purple,
#reg .media_wrap_cohort .media .right button.btn_purple,
#reg .reg_all_links button.btn_purple,
input.btn.btn_purple,
span.btn.btn_purple {
background: #5E1DE1;
letter-spacing: 1.5px;
font-size: 15px;
border-radius: 2px;
padding: 15px 75px;
}
@media (max-width: 479px) {
a.btn.btn_purple, #reg .media_wrap_cohort .media .right a.btn_purple,
#reg .reg_all_links a.btn_purple, #modal_module_completed .modal-body h2 a.btn_purple,
button.btn.btn_purple,
#reg .media_wrap_cohort .media .right button.btn_purple,
#reg .reg_all_links button.btn_purple,
input.btn.btn_purple,
span.btn.btn_purple {
padding-right: 10px;
padding-left: 10px;
width: 100%;
}
}
a.btn.btn_purple:hover, #reg .media_wrap_cohort .media .right a.btn_purple:hover,
#reg .reg_all_links a.btn_purple:hover, #modal_module_completed .modal-body h2 a.btn_purple:hover,
button.btn.btn_purple:hover,
#reg .media_wrap_cohort .media .right button.btn_purple:hover,
#reg .reg_all_links button.btn_purple:hover,
input.btn.btn_purple:hover,
span.btn.btn_purple:hover {
background: #6e26fe;
}
a.btn.btn_gradient, #reg .media_wrap_cohort .media .right a.btn_gradient,
#reg .reg_all_links a.btn_gradient, #modal_module_completed .modal-body h2 a.btn_gradient,
button.btn.btn_gradient,
#reg .media_wrap_cohort .media .right button.btn_gradient,
#reg .reg_all_links button.btn_gradient,
input.btn.btn_gradient,
span.btn.btn_gradient {
background: linear-gradient(90deg, #8613B5 2.01%, #E6069A 100%);
}
a.btn.btn_pink, #reg .media_wrap_cohort .media .right a.btn_pink,
#reg .reg_all_links a.btn_pink, #modal_module_completed .modal-body h2 a,
button.btn.btn_pink,
#reg .media_wrap_cohort .media .right button.btn_pink,
#reg .reg_all_links button.btn_pink,
input.btn.btn_pink,
span.btn.btn_pink {
background: #D50204;
letter-spacing: 1.5px;
font-size: 15px;
border-radius: 2px;
padding: 15px 75px;
}
@media (max-width: 479px) {
a.btn.btn_pink, #reg .media_wrap_cohort .media .right a.btn_pink,
#reg .reg_all_links a.btn_pink, #modal_module_completed .modal-body h2 a,
button.btn.btn_pink,
#reg .media_wrap_cohort .media .right button.btn_pink,
#reg .reg_all_links button.btn_pink,
input.btn.btn_pink,
span.btn.btn_pink {
padding-right: 10px;
padding-left: 10px;
width: 100%;
}
}
a.btn.btn_pink:hover, #reg .media_wrap_cohort .media .right a.btn_pink:hover,
#reg .reg_all_links a.btn_pink:hover, #modal_module_completed .modal-body h2 a:hover,
button.btn.btn_pink:hover,
#reg .media_wrap_cohort .media .right button.btn_pink:hover,
#reg .reg_all_links button.btn_pink:hover,
input.btn.btn_pink:hover,
span.btn.btn_pink:hover {
background: #fd0d10;
}
a.btn.btn_bronze, #reg .media_wrap_cohort .media .right a.btn_bronze,
#reg .reg_all_links a.btn_bronze, #modal_module_completed .modal-body h2 a.btn_bronze,
button.btn.btn_bronze,
#reg .media_wrap_cohort .media .right button.btn_bronze,
#reg .reg_all_links button.btn_bronze,
input.btn.btn_bronze,
span.btn.btn_bronze {
background: #AF8765;
letter-spacing: 1.5px;
font-size: 15px;
border-radius: 60px;
padding: 15px 75px;
}
@media (max-width: 479px) {
a.btn.btn_bronze, #reg .media_wrap_cohort .media .right a.btn_bronze,
#reg .reg_all_links a.btn_bronze, #modal_module_completed .modal-body h2 a.btn_bronze,
button.btn.btn_bronze,
#reg .media_wrap_cohort .media .right button.btn_bronze,
#reg .reg_all_links button.btn_bronze,
input.btn.btn_bronze,
span.btn.btn_bronze {
padding-right: 10px;
padding-left: 10px;
width: 100%;
}
}
a.btn.btn_bronze:hover, #reg .media_wrap_cohort .media .right a.btn_bronze:hover,
#reg .reg_all_links a.btn_bronze:hover, #modal_module_completed .modal-body h2 a.btn_bronze:hover,
button.btn.btn_bronze:hover,
#reg .media_wrap_cohort .media .right button.btn_bronze:hover,
#reg .reg_all_links button.btn_bronze:hover,
input.btn.btn_bronze:hover,
span.btn.btn_bronze:hover {
background: #ca9e79;
}
textarea,
textarea.form-control,
input,
input.form-control {
font-size: 15px;
font-weight: 600;
color: #777;
background-color: #fff;
border-radius: 2px;
box-shadow: none;
padding: 0 22px;
height: 44px;
}
textarea.placeholder,
textarea.form-control.placeholder,
input.placeholder,
input.form-control.placeholder {
font-weight: 400;
color: #b0b0b0;
}
textarea:-moz-placeholder,
textarea.form-control:-moz-placeholder,
input:-moz-placeholder,
input.form-control:-moz-placeholder {
font-weight: 400;
color: #b0b0b0;
}
textarea::-moz-placeholder,
textarea.form-control::-moz-placeholder,
input::-moz-placeholder,
input.form-control::-moz-placeholder {
font-weight: 400;
color: #b0b0b0;
}
textarea:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder,
input:-ms-input-placeholder,
input.form-control:-ms-input-placeholder {
font-weight: 400;
color: #b0b0b0;
}
textarea::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder,
input::-webkit-input-placeholder,
input.form-control::-webkit-input-placeholder {
font-weight: 400;
color: #b0b0b0;
}
textarea:focus,
textarea.form-control:focus,
input:focus,
input.form-control:focus {
box-shadow: 0 0 8px #00a2e8;
border-color: #D50204;
outline: 0;
}
input[type=checkbox],
input[type=radio] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
background: transparent;
box-sizing: border-box;
vertical-align: middle;
margin: 0 5px 13px 0;
position: relative;
box-shadow: none;
line-height: 1em;
border-radius: 0;
cursor: pointer;
display: inline;
outline: none;
border: none;
height: 24px;
width: 24px;
float: left;
padding: 0;
top: 0;
}
input[type=checkbox]:before,
input[type=radio]:before {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 2px solid transparent;
box-sizing: border-box;
position: absolute;
border-radius: 5px;
height: 26px;
content: "";
width: 26px;
z-index: 1;
left: 0;
top: 0;
}
input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
border-color: #D50204;
border-right-style: none;
border-top-style: none;
border-radius: 0;
height: 9px;
width: 18px;
left: 4px;
top: 6px;
}
input[type=checkbox]:after,
input[type=radio]:after {
box-sizing: border-box;
border-radius: 5px;
position: absolute;
background: #fff;
cursor: pointer;
height: 26px;
width: 26px;
content: "";
left: -1px;
top: -1px;
border: 1px solid rgba(112, 50, 200, 0.3411764706);
}
.btn.dropdown-toggle, #reg .media_wrap_cohort .media .right a.dropdown-toggle,
#reg .media_wrap_cohort .media .right button.dropdown-toggle, #reg .reg_all_links button.dropdown-toggle,
#reg .reg_all_links a.dropdown-toggle, #modal_module_completed .modal-body h2 a.dropdown-toggle {
font-size: 15px;
font-weight: 600;
color: #D50204;
border: 1px solid #D50204;
padding: 20px 18px;
border-radius: 0px;
text-align: left;
}
@media (max-width: 639px) {
.btn.dropdown-toggle, #reg .media_wrap_cohort .media .right a.dropdown-toggle,
#reg .media_wrap_cohort .media .right button.dropdown-toggle, #reg .reg_all_links button.dropdown-toggle,
#reg .reg_all_links a.dropdown-toggle, #modal_module_completed .modal-body h2 a.dropdown-toggle {
padding: 12px;
}
}
.btn.dropdown-toggle:hover, #reg .media_wrap_cohort .media .right a.dropdown-toggle:hover,
#reg .media_wrap_cohort .media .right button.dropdown-toggle:hover, #reg .reg_all_links button.dropdown-toggle:hover,
#reg .reg_all_links a.dropdown-toggle:hover, #modal_module_completed .modal-body h2 a.dropdown-toggle:hover, .btn.dropdown-toggle:focus, #reg .media_wrap_cohort .media .right a.dropdown-toggle:focus,
#reg .media_wrap_cohort .media .right button.dropdown-toggle:focus, #reg .reg_all_links button.dropdown-toggle:focus,
#reg .reg_all_links a.dropdown-toggle:focus, #modal_module_completed .modal-body h2 a.dropdown-toggle:focus {
outline: none !important;
cursor: pointer;
}
.btn.dropdown-toggle:after, #reg .media_wrap_cohort .media .right a.dropdown-toggle:after,
#reg .media_wrap_cohort .media .right button.dropdown-toggle:after, #reg .reg_all_links button.dropdown-toggle:after,
#reg .reg_all_links a.dropdown-toggle:after, #modal_module_completed .modal-body h2 a.dropdown-toggle:after {
content: "\e764";
display: block;
position: absolute;
font-family: entypo;
border: none;
right: 36px;
top: 38%;
}
@media (max-width: 639px) {
.btn.dropdown-toggle:after, #reg .media_wrap_cohort .media .right a.dropdown-toggle:after,
#reg .media_wrap_cohort .media .right button.dropdown-toggle:after, #reg .reg_all_links button.dropdown-toggle:after,
#reg .reg_all_links a.dropdown-toggle:after, #modal_module_completed .modal-body h2 a.dropdown-toggle:after {
right: 25px;
top: 32%;
}
}
.bootstrap-select {
text-shadow: none;
margin: 16px 0 0;
}
.bootstrap-select.btn-group.show .notify {
border: 1px solid #D50204;
padding: 8px 15px;
color: #D50204;
opacity: 1;
}
.bootstrap-select .dropdown-menu li a.new small.text-muted {
color: green !important;
}
.bootstrap-select .dropdown-menu li a.line_throuh span.text {
text-decoration: line-through;
}
.bootstrap-select .dropdown-menu li a {
white-space: initial;
z-index: 9999;
}
.bootstrap-select .dropdown-menu li small.text-muted {
font-size: 14px;
font-weight: 700;
color: #f95c5c !important;
text-decoration: none;
display: inline-block;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
}
.bootstrap-select select {
width: 1px !important;
}
.bootstrap-select.show.dropup .btn.dropdown-toggle, .bootstrap-select.show.dropup #reg .media_wrap_cohort .media .right a.dropdown-toggle, #reg .media_wrap_cohort .media .right .bootstrap-select.show.dropup a.dropdown-toggle,
.bootstrap-select.show.dropup #reg .media_wrap_cohort .media .right button.dropdown-toggle,
#reg .media_wrap_cohort .media .right .bootstrap-select.show.dropup button.dropdown-toggle, .bootstrap-select.show.dropup #reg .reg_all_links button.dropdown-toggle, #reg .reg_all_links .bootstrap-select.show.dropup button.dropdown-toggle,
.bootstrap-select.show.dropup #reg .reg_all_links a.dropdown-toggle,
#reg .reg_all_links .bootstrap-select.show.dropup a.dropdown-toggle, .bootstrap-select.show.dropup #modal_module_completed .modal-body h2 a.dropdown-toggle, #modal_module_completed .modal-body h2 .bootstrap-select.show.dropup a.dropdown-toggle {
border: 1px solid #D50204;
border-top: 1px solid transparent;
box-shadow: none;
}
.bootstrap-select.show.dropup .dropdown-menu.open {
border: 1px solid #D50204;
border-radius: 0px;
margin: 0 0 -2px;
border-bottom: 0;
box-shadow: none;
}
.bootstrap-select.show .btn.dropdown-toggle, .bootstrap-select.show #reg .media_wrap_cohort .media .right a.dropdown-toggle, #reg .media_wrap_cohort .media .right .bootstrap-select.show a.dropdown-toggle,
.bootstrap-select.show #reg .media_wrap_cohort .media .right button.dropdown-toggle,
#reg .media_wrap_cohort .media .right .bootstrap-select.show button.dropdown-toggle, .bootstrap-select.show #reg .reg_all_links button.dropdown-toggle, #reg .reg_all_links .bootstrap-select.show button.dropdown-toggle,
.bootstrap-select.show #reg .reg_all_links a.dropdown-toggle,
#reg .reg_all_links .bootstrap-select.show a.dropdown-toggle, .bootstrap-select.show #modal_module_completed .modal-body h2 a.dropdown-toggle, #modal_module_completed .modal-body h2 .bootstrap-select.show a.dropdown-toggle {
border-bottom: 1px solid transparent;
border: 1px solid #D50204;
outline: none !important;
box-shadow: none;
color: #D50204;
background: #fff;
}
.bootstrap-select.show .btn.dropdown-toggle:hover, .bootstrap-select.show #reg .media_wrap_cohort .media .right a.dropdown-toggle:hover, #reg .media_wrap_cohort .media .right .bootstrap-select.show a.dropdown-toggle:hover,
.bootstrap-select.show #reg .media_wrap_cohort .media .right button.dropdown-toggle:hover,
#reg .media_wrap_cohort .media .right .bootstrap-select.show button.dropdown-toggle:hover, .bootstrap-select.show #reg .reg_all_links button.dropdown-toggle:hover, #reg .reg_all_links .bootstrap-select.show button.dropdown-toggle:hover,
.bootstrap-select.show #reg .reg_all_links a.dropdown-toggle:hover,
#reg .reg_all_links .bootstrap-select.show a.dropdown-toggle:hover, .bootstrap-select.show #modal_module_completed .modal-body h2 a.dropdown-toggle:hover, #modal_module_completed .modal-body h2 .bootstrap-select.show a.dropdown-toggle:hover {
background: #fff;
}
.bootstrap-select.show .dropdown-menu {
max-height: 300px !important;
border-radius: 0px;
margin: 0;
}
.bootstrap-select.show .dropdown-menu.open {
box-shadow: 0 10px 12px rgba(84, 174, 7, 0.1);
border: 1px solid #D50204;
border-radius: 0px;
margin: -2px 0 0;
border-top: 0px;
}
@media (max-width: 639px) {
.bootstrap-select.show .dropdown-menu.open {
width: 100%;
}
}
.bootstrap-select.show .dropdown-menu a {
padding: 3px 10px;
color: #D50204;
outline: none;
}
.bootstrap-select .dropdown-menu > .dropdown-menu li a {
font-size: 14px;
padding: 7px 20px;
}
.bootstrap-select .dropdown-menu > li {
background: #fff;
}
.bootstrap-select .dropdown-menu > li.selected a {
color: #fff;
background: #D50204;
}
.bootstrap-select .dropdown-menu > li.selected a:hover, .bootstrap-select .dropdown-menu > li.selected a:focus {
background: #D50204;
}
.bootstrap-select .dropdown-menu > li > a {
padding: 10px 15px;
white-space: initial;
}
.bootstrap-select .dropdown-menu > li > a:hover, .bootstrap-select .dropdown-menu > li > a:focus {
background: #D50204;
}
.bootstrap-select .dropdown-menu > li > a .check-mark:after {
font-family: "entypo";
content: "✓";
}
.bootstrap-select .dropdown-menu > li:nth-child(2n) {
background-color: #f7f7f7;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
display: inline-block !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 90%;
}
.page-template-main-squeeze-short .sp_support_line,
.page-template-main-squeeze .sp_support_line {
background: #fff;
}
.page-template-main-squeeze-short #about,
.page-template-main-squeeze #about {
padding: 85px 0 150px;
}
.page-template-main-squeeze-short #numbers,
.page-template-main-squeeze #numbers {
background: url("../img/main/squeeze/bg_numbers.jpg") no-repeat center top;
background-size: cover;
margin: 0;
}
.page-template-main-squeeze-short #numbers:before,
.page-template-main-squeeze #numbers:before {
display: none;
}
.page-template-main-squeeze-short .squeeze_txt.table {
padding: 87px 0 65px;
}
@media (max-width: 991px) {
.page-template-main-squeeze-short .squeeze_txt.table {
padding: 60px 0;
}
}
.page-template-main-become-partner .quote .head p.tool_txt {
display: none;
}
.page-template-main-become-partner .quote .content .btn.btn-gradient, .page-template-main-become-partner .quote .content #reg .media_wrap_cohort .media .right a.btn-gradient, #reg .media_wrap_cohort .media .right .page-template-main-become-partner .quote .content a.btn-gradient,
.page-template-main-become-partner .quote .content #reg .media_wrap_cohort .media .right button.btn-gradient,
#reg .media_wrap_cohort .media .right .page-template-main-become-partner .quote .content button.btn-gradient, .page-template-main-become-partner .quote .content #reg .reg_all_links button.btn-gradient, #reg .reg_all_links .page-template-main-become-partner .quote .content button.btn-gradient,
.page-template-main-become-partner .quote .content #reg .reg_all_links a.btn-gradient,
#reg .reg_all_links .page-template-main-become-partner .quote .content a.btn-gradient, .page-template-main-become-partner .quote .content #modal_module_completed .modal-body h2 a.btn-gradient, #modal_module_completed .modal-body h2 .page-template-main-become-partner .quote .content a.btn-gradient {
letter-spacing: 2.5px;
}
@media (max-width: 479px) {
.page-template-main-become-partner .ifs_reg .btn.btn-gradient, .page-template-main-become-partner .ifs_reg #reg .media_wrap_cohort .media .right a.btn-gradient, #reg .media_wrap_cohort .media .right .page-template-main-become-partner .ifs_reg a.btn-gradient,
.page-template-main-become-partner .ifs_reg #reg .media_wrap_cohort .media .right button.btn-gradient,
#reg .media_wrap_cohort .media .right .page-template-main-become-partner .ifs_reg button.btn-gradient, .page-template-main-become-partner .ifs_reg #reg .reg_all_links button.btn-gradient, #reg .reg_all_links .page-template-main-become-partner .ifs_reg button.btn-gradient,
.page-template-main-become-partner .ifs_reg #reg .reg_all_links a.btn-gradient,
#reg .reg_all_links .page-template-main-become-partner .ifs_reg a.btn-gradient, .page-template-main-become-partner .ifs_reg #modal_module_completed .modal-body h2 a.btn-gradient, #modal_module_completed .modal-body h2 .page-template-main-become-partner .ifs_reg a.btn-gradient {
font-size: 16px;
letter-spacing: 0;
}
}
@media (max-width: 767px) {
.page-template-main-become-partner #about .down_icon {
display: none;
}
}
.page-template-sales-immersion_new #contact_txt .down_icon,
.page-template-sales-program #contact_txt .down_icon {
display: none;
}
.page-template-sales-enhanced_upsell #quotes .down_icon,
.page-template-sales-immersion_old #quotes .down_icon,
.page-template-sales-cert_upsell #quotes .down_icon,
.page-template-sales-program #quotes .down_icon {
display: none;
}
.page-template-sales-program #logos {
padding-bottom: 38px;
}
.page-template-sales-program #logos p.pre_txt {
top: -8px;
}
.page-id-1165 #program_overview,
.page-id-1165 #immersion_timer,
.page-id-1165 #contact_txt {
display: none;
}
.position_absolute {
position: absolute !important;
}
.position_relative {
position: relative !important;
}
.position_fixed {
position: fixed !important;
}
.c_white {
color: #fff !important;
}
.c_main {
color: #D50204 !important;
}
.c_dark {
color: #0F0F3D !important;
}
.c_lpink {
color: #D5B0FF !important;
}
.c_purple {
color: #6335C3;
}
.mw_250 {
max-width: 250px;
}
.mw_300 {
max-width: 300px;
}
.mw_350 {
max-width: 350px;
}
.mw_400 {
max-width: 400px;
}
.mw_450 {
max-width: 450px;
}
.mw_500 {
max-width: 500px;
}
.mw_550 {
max-width: 550px;
}
.mw_600 {
max-width: 600px;
}
.mw_650 {
max-width: 650px;
}
.mw_700 {
max-width: 700px;
}
.mw_750 {
max-width: 750px;
}
.mw_800 {
max-width: 800px;
}
.mw_850 {
max-width: 850px;
}
.mw_900 {
max-width: 900px;
}
.mw_950 {
max-width: 950px;
}
@media (max-width: 767px) {
.sm_order_1 {
order: 1;
}
}
@media (max-width: 767px) {
.sm_order_2 {
order: 2;
}
}
@media (max-width: 767px) {
.sm_order_3 {
order: 3;
}
}
@media (max-width: 767px) {
.sm_order_4 {
order: 4;
}
}
@media (max-width: 767px) {
.sm_order_5 {
order: 5;
}
}
@media (max-width: 767px) {
.sm_order_6 {
order: 6;
}
}
@media (max-width: 767px) {
.sm_order_7 {
order: 7;
}
}
@media (max-width: 767px) {
.sm_order_8 {
order: 8;
}
}
.display_block {
display: block !important;
}
.display_inline_block {
display: inline-block;
}
.display_flex {
display: flex !important;
}
.display_grid {
display: grid !important;
}
.display_none {
display: none !important;
}
.fw300 {
font-weight: 300 !important;
}
.fw400 {
font-weight: 400 !important;
}
.fw500 {
font-weight: 500 !important;
}
.fw600 {
font-weight: 600 !important;
}
.fw700 {
font-weight: 700 !important;
}
.lh120 {
line-height: 120% !important;
}
.lh130 {
line-height: 130% !important;
}
.lh140 {
line-height: 140% !important;
}
.lh150 {
line-height: 150% !important;
}
.lh160 {
line-height: 160% !important;
}
.lh170 {
line-height: 170% !important;
}
.lh180 {
line-height: 180% !important;
}
.italic {
font-style: italic;
}
.ff_inter,
.inter,
.Inter {
font-family: "Inter" !important;
}
.ff_poppins,
.poppins,
.Poppins {
font-family: "Poppins" !important;
}
@media (max-width: 1199px) {
.hide_lg {
display: none !important;
}
}
@media (max-width: 991px) {
.hide_md {
display: none !important;
}
}
@media (max-width: 767px) {
.hide_sm {
display: none !important;
}
}
@media (max-width: 639px) {
.hide_xs {
display: none !important;
}
}
@media (max-width: 479px) {
.hide_xxs {
display: none !important;
}
}
.show_sm {
display: none !important;
}
@media (max-width: 767px) {
.show_sm {
display: block !important;
}
}
.show_xs {
display: none !important;
}
@media (max-width: 639px) {
.show_xs {
display: block !important;
}
}
.show_xxs {
display: none !important;
}
@media (max-width: 479px) {
.show_xxs {
display: block !important;
}
}
.margin_auto {
margin-left: auto;
margin-right: auto;
}
.text_center {
text-align: center;
}
.br6 {
border-radius: 6px;
}
.br8 {
border-radius: 8px;
}
.cursor_pointer {
cursor: pointer;
}
.h1,
.h64,
.h2,
.h56,
.h3,
.h48,
.h4,
.h40,
.h5,
.h32,
.h6,
.h26 {
letter-spacing: 0;
line-height: 120%;
margin-bottom: 0;
font-family: "Poppins";
}
.h1,
.h64 {
font-size: 64px !important;
}
@media (max-width: 991px) {
.h1,
.h64 {
font-size: 48px !important;
}
}
@media (max-width: 767px) {
.h1,
.h64 {
font-size: 40px !important;
}
}
@media (max-width: 639px) {
.h1,
.h64 {
font-size: 32px !important;
}
}
@media (max-width: 479px) {
.h1,
.h64 {
font-size: 26px !important;
}
}
.h2,
.h56 {
font-size: 56px !important;
}
@media (max-width: 991px) {
.h2,
.h56 {
font-size: 42px !important;
}
}
@media (max-width: 767px) {
.h2,
.h56 {
font-size: 36px !important;
}
}
@media (max-width: 639px) {
.h2,
.h56 {
font-size: 30px !important;
}
}
@media (max-width: 479px) {
.h2,
.h56 {
font-size: 24px !important;
}
}
.h3,
.h48 {
font-size: 48px !important;
}
@media (max-width: 991px) {
.h3,
.h48 {
font-size: 36px !important;
}
}
@media (max-width: 767px) {
.h3,
.h48 {
font-size: 30px !important;
}
}
@media (max-width: 639px) {
.h3,
.h48 {
font-size: 26px !important;
}
}
@media (max-width: 479px) {
.h3,
.h48 {
font-size: 22px !important;
}
}
.h4,
.h40 {
font-size: 40px !important;
}
@media (max-width: 991px) {
.h4,
.h40 {
font-size: 32px !important;
}
}
@media (max-width: 767px) {
.h4,
.h40 {
font-size: 28px !important;
}
}
@media (max-width: 639px) {
.h4,
.h40 {
font-size: 24px !important;
}
}
@media (max-width: 479px) {
.h4,
.h40 {
font-size: 20px !important;
}
}
.h5,
.h32 {
font-size: 32px !important;
}
@media (max-width: 991px) {
.h5,
.h32 {
font-size: 24px !important;
}
}
@media (max-width: 767px) {
.h5,
.h32 {
font-size: 22px !important;
}
}
@media (max-width: 639px) {
.h5,
.h32 {
font-size: 20px !important;
}
}
@media (max-width: 479px) {
.h5,
.h32 {
font-size: 18px !important;
}
}
.h6,
.h26 {
font-size: 26px !important;
}
@media (max-width: 991px) {
.h6,
.h26 {
font-size: 22px !important;
}
}
@media (max-width: 767px) {
.h6,
.h26 {
font-size: 20px !important;
}
}
@media (max-width: 639px) {
.h6,
.h26 {
font-size: 18px !important;
}
}
@media (max-width: 479px) {
.h6,
.h26 {
font-size: 16px !important;
}
}
.p1,
.p26,
.p2,
.p24,
.p3,
.p22,
.p4,
.p18,
.graduation_info_wr .column_progress_wr .ttl,
.p5,
.p16,
.p6,
.p14 {
margin-bottom: 0;
font-family: "Inter";
}
.p26 {
font-size: 26px !important;
}
@media (max-width: 991px) {
.p26 {
font-size: 24px !important;
}
}
@media (max-width: 767px) {
.p26 {
font-size: 22px !important;
}
}
@media (max-width: 639px) {
.p26 {
font-size: 20px !important;
}
}
@media (max-width: 479px) {
.p26 {
font-size: 18px !important;
}
}
.p1,
.p24 {
font-size: 24px !important;
}
@media (max-width: 991px) {
.p1,
.p24 {
font-size: 22px !important;
}
}
@media (max-width: 767px) {
.p1,
.p24 {
font-size: 20px !important;
}
}
@media (max-width: 639px) {
.p1,
.p24 {
font-size: 18px !important;
}
}
@media (max-width: 479px) {
.p1,
.p24 {
font-size: 16px !important;
}
}
.p2,
.p22 {
font-size: 22px !important;
}
@media (max-width: 991px) {
.p2,
.p22 {
font-size: 20px !important;
}
}
@media (max-width: 767px) {
.p2,
.p22 {
font-size: 18px !important;
}
}
@media (max-width: 639px) {
.p2,
.p22 {
font-size: 16px !important;
}
}
@media (max-width: 479px) {
.p2,
.p22 {
font-size: 16px !important;
}
}
.p3,
.p20,
.graduation_info_wr .total_progress_wr h5 .ttl {
font-size: 20px !important;
}
@media (max-width: 991px) {
.p3,
.p20,
.graduation_info_wr .total_progress_wr h5 .ttl {
font-size: 18px !important;
}
}
@media (max-width: 767px) {
.p3,
.p20,
.graduation_info_wr .total_progress_wr h5 .ttl {
font-size: 16px !important;
}
}
@media (max-width: 639px) {
.p3,
.p20,
.graduation_info_wr .total_progress_wr h5 .ttl {
font-size: 14px !important;
}
}
@media (max-width: 479px) {
.p3,
.p20,
.graduation_info_wr .total_progress_wr h5 .ttl {
font-size: 14px !important;
}
}
.p4,
.p18,
.graduation_info_wr .column_progress_wr .ttl {
font-size: 18px !important;
}
@media (max-width: 991px) {
.p4,
.p18,
.graduation_info_wr .column_progress_wr .ttl {
font-size: 16px !important;
}
}
@media (max-width: 767px) {
.p4,
.p18,
.graduation_info_wr .column_progress_wr .ttl {
font-size: 16px !important;
}
}
@media (max-width: 639px) {
.p4,
.p18,
.graduation_info_wr .column_progress_wr .ttl {
font-size: 14px !important;
}
}
@media (max-width: 479px) {
.p4,
.p18,
.graduation_info_wr .column_progress_wr .ttl {
font-size: 14px !important;
}
}
.p5,
.p16 {
font-size: 16px !important;
}
@media (max-width: 991px) {
.p5,
.p16 {
font-size: 14px !important;
}
}
@media (max-width: 767px) {
.p5,
.p16 {
font-size: 14px !important;
}
}
@media (max-width: 639px) {
.p5,
.p16 {
font-size: 12px !important;
}
}
@media (max-width: 479px) {
.p5,
.p16 {
font-size: 12px !important;
}
}
.p6,
.p14 {
font-size: 14px !important;
}
@media (max-width: 991px) {
.p6,
.p14 {
font-size: 12px !important;
}
}
@media (max-width: 767px) {
.p6,
.p14 {
font-size: 12px !important;
}
}
@media (max-width: 639px) {
.p6,
.p14 {
font-size: 10px !important;
}
}
@media (max-width: 479px) {
.p6,
.p14 {
font-size: 10px !important;
}
}
.mt_0 {
margin-top: 0px !important;
}
.mt_5 {
margin-top: 5px !important;
}
@media (max-width: 991px) {
.mt_5 {
margin-top: 3px !important;
}
}
@media (max-width: 767px) {
.mt_5 {
margin-top: 2px !important;
}
}
@media (max-width: 639px) {
.mt_5 {
margin-top: 1px !important;
}
}
@media (max-width: 479px) {
.mt_5 {
margin-top: 0px !important;
}
}
.mt_10 {
margin-top: 10px !important;
}
@media (max-width: 991px) {
.mt_10 {
margin-top: 6px !important;
}
}
@media (max-width: 767px) {
.mt_10 {
margin-top: 4px !important;
}
}
@media (max-width: 639px) {
.mt_10 {
margin-top: 3px !important;
}
}
@media (max-width: 479px) {
.mt_10 {
margin-top: 2px !important;
}
}
.mt_15 {
margin-top: 15px !important;
}
@media (max-width: 991px) {
.mt_15 {
margin-top: 10px !important;
}
}
@media (max-width: 767px) {
.mt_15 {
margin-top: 8px !important;
}
}
@media (max-width: 639px) {
.mt_15 {
margin-top: 6px !important;
}
}
@media (max-width: 479px) {
.mt_15 {
margin-top: 4px !important;
}
}
.mt_20 {
margin-top: 20px !important;
}
@media (max-width: 991px) {
.mt_20 {
margin-top: 12px !important;
}
}
@media (max-width: 767px) {
.mt_20 {
margin-top: 10px !important;
}
}
@media (max-width: 639px) {
.mt_20 {
margin-top: 8px !important;
}
}
@media (max-width: 479px) {
.mt_20 {
margin-top: 6px !important;
}
}
.mt_25 {
margin-top: 25px !important;
}
@media (max-width: 991px) {
.mt_25 {
margin-top: 16px !important;
}
}
@media (max-width: 767px) {
.mt_25 {
margin-top: 12px !important;
}
}
@media (max-width: 639px) {
.mt_25 {
margin-top: 10px !important;
}
}
@media (max-width: 479px) {
.mt_25 {
margin-top: 8px !important;
}
}
.mt_30 {
margin-top: 30px !important;
}
@media (max-width: 991px) {
.mt_30 {
margin-top: 20px !important;
}
}
@media (max-width: 767px) {
.mt_30 {
margin-top: 16px !important;
}
}
@media (max-width: 639px) {
.mt_30 {
margin-top: 12px !important;
}
}
@media (max-width: 479px) {
.mt_30 {
margin-top: 10px !important;
}
}
.mt_40 {
margin-top: 40px !important;
}
@media (max-width: 991px) {
.mt_40 {
margin-top: 25px !important;
}
}
@media (max-width: 767px) {
.mt_40 {
margin-top: 20px !important;
}
}
@media (max-width: 639px) {
.mt_40 {
margin-top: 16px !important;
}
}
@media (max-width: 479px) {
.mt_40 {
margin-top: 12px !important;
}
}
.mt_50 {
margin-top: 50px !important;
}
@media (max-width: 991px) {
.mt_50 {
margin-top: 30px !important;
}
}
@media (max-width: 767px) {
.mt_50 {
margin-top: 25px !important;
}
}
@media (max-width: 639px) {
.mt_50 {
margin-top: 20px !important;
}
}
@media (max-width: 479px) {
.mt_50 {
margin-top: 16px !important;
}
}
.mt_60 {
margin-top: 60px !important;
}
@media (max-width: 991px) {
.mt_60 {
margin-top: 40px !important;
}
}
@media (max-width: 767px) {
.mt_60 {
margin-top: 30px !important;
}
}
@media (max-width: 639px) {
.mt_60 {
margin-top: 25px !important;
}
}
@media (max-width: 479px) {
.mt_60 {
margin-top: 20px !important;
}
}
.mt_80 {
margin-top: 80px !important;
}
@media (max-width: 991px) {
.mt_80 {
margin-top: 50px !important;
}
}
@media (max-width: 767px) {
.mt_80 {
margin-top: 40px !important;
}
}
@media (max-width: 639px) {
.mt_80 {
margin-top: 30px !important;
}
}
@media (max-width: 479px) {
.mt_80 {
margin-top: 25px !important;
}
}
.mt_100 {
margin-top: 100px !important;
}
@media (max-width: 991px) {
.mt_100 {
margin-top: 60px !important;
}
}
@media (max-width: 767px) {
.mt_100 {
margin-top: 50px !important;
}
}
@media (max-width: 639px) {
.mt_100 {
margin-top: 40px !important;
}
}
@media (max-width: 479px) {
.mt_100 {
margin-top: 30px !important;
}
}
.mt_120 {
margin-top: 120px !important;
}
@media (max-width: 991px) {
.mt_120 {
margin-top: 80px !important;
}
}
@media (max-width: 767px) {
.mt_120 {
margin-top: 60px !important;
}
}
@media (max-width: 639px) {
.mt_120 {
margin-top: 50px !important;
}
}
@media (max-width: 479px) {
.mt_120 {
margin-top: 40px !important;
}
}
.mt_160 {
margin-top: 160px !important;
}
@media (max-width: 991px) {
.mt_160 {
margin-top: 100px !important;
}
}
@media (max-width: 767px) {
.mt_160 {
margin-top: 80px !important;
}
}
@media (max-width: 639px) {
.mt_160 {
margin-top: 60px !important;
}
}
@media (max-width: 479px) {
.mt_160 {
margin-top: 50px !important;
}
}
.mt_200 {
margin-top: 200px !important;
}
@media (max-width: 991px) {
.mt_200 {
margin-top: 120px !important;
}
}
@media (max-width: 767px) {
.mt_200 {
margin-top: 100px !important;
}
}
@media (max-width: 639px) {
.mt_200 {
margin-top: 80px !important;
}
}
@media (max-width: 479px) {
.mt_200 {
margin-top: 60px !important;
}
}
.mt_250 {
margin-top: 250px !important;
}
@media (max-width: 991px) {
.mt_250 {
margin-top: 160px !important;
}
}
@media (max-width: 767px) {
.mt_250 {
margin-top: 120px !important;
}
}
@media (max-width: 639px) {
.mt_250 {
margin-top: 100px !important;
}
}
@media (max-width: 479px) {
.mt_250 {
margin-top: 80px !important;
}
}
.mt_300 {
margin-top: 300px !important;
}
@media (max-width: 991px) {
.mt_300 {
margin-top: 200px !important;
}
}
@media (max-width: 767px) {
.mt_300 {
margin-top: 160px !important;
}
}
@media (max-width: 639px) {
.mt_300 {
margin-top: 120px !important;
}
}
@media (max-width: 479px) {
.mt_300 {
margin-top: 100px !important;
}
}
.mb_0 {
margin-bottom: 0px !important;
}
.mb_5 {
margin-bottom: 5px !important;
}
@media (max-width: 991px) {
.mb_5 {
margin-bottom: 3px !important;
}
}
@media (max-width: 767px) {
.mb_5 {
margin-bottom: 2px !important;
}
}
@media (max-width: 639px) {
.mb_5 {
margin-bottom: 1px !important;
}
}
@media (max-width: 479px) {
.mb_5 {
margin-bottom: 0px !important;
}
}
.mb_10 {
margin-bottom: 10px !important;
}
@media (max-width: 991px) {
.mb_10 {
margin-bottom: 6px !important;
}
}
@media (max-width: 767px) {
.mb_10 {
margin-bottom: 4px !important;
}
}
@media (max-width: 639px) {
.mb_10 {
margin-bottom: 3px !important;
}
}
@media (max-width: 479px) {
.mb_10 {
margin-bottom: 2px !important;
}
}
.mb_15 {
margin-bottom: 15px !important;
}
@media (max-width: 991px) {
.mb_15 {
margin-bottom: 10px !important;
}
}
@media (max-width: 767px) {
.mb_15 {
margin-bottom: 8px !important;
}
}
@media (max-width: 639px) {
.mb_15 {
margin-bottom: 6px !important;
}
}
@media (max-width: 479px) {
.mb_15 {
margin-bottom: 4px !important;
}
}
.mb_20 {
margin-bottom: 20px !important;
}
@media (max-width: 991px) {
.mb_20 {
margin-bottom: 12px !important;
}
}
@media (max-width: 767px) {
.mb_20 {
margin-bottom: 10px !important;
}
}
@media (max-width: 639px) {
.mb_20 {
margin-bottom: 8px !important;
}
}
@media (max-width: 479px) {
.mb_20 {
margin-bottom: 6px !important;
}
}
.mb_25 {
margin-bottom: 25px !important;
}
@media (max-width: 991px) {
.mb_25 {
margin-bottom: 16px !important;
}
}
@media (max-width: 767px) {
.mb_25 {
margin-bottom: 12px !important;
}
}
@media (max-width: 639px) {
.mb_25 {
margin-bottom: 10px !important;
}
}
@media (max-width: 479px) {
.mb_25 {
margin-bottom: 8px !important;
}
}
.mb_30 {
margin-bottom: 30px !important;
}
@media (max-width: 991px) {
.mb_30 {
margin-bottom: 20px !important;
}
}
@media (max-width: 767px) {
.mb_30 {
margin-bottom: 16px !important;
}
}
@media (max-width: 639px) {
.mb_30 {
margin-bottom: 12px !important;
}
}
@media (max-width: 479px) {
.mb_30 {
margin-bottom: 10px !important;
}
}
.mb_40 {
margin-bottom: 40px !important;
}
@media (max-width: 991px) {
.mb_40 {
margin-bottom: 25px !important;
}
}
@media (max-width: 767px) {
.mb_40 {
margin-bottom: 20px !important;
}
}
@media (max-width: 639px) {
.mb_40 {
margin-bottom: 16px !important;
}
}
@media (max-width: 479px) {
.mb_40 {
margin-bottom: 12px !important;
}
}
.mb_50 {
margin-bottom: 50px !important;
}
@media (max-width: 991px) {
.mb_50 {
margin-bottom: 30px !important;
}
}
@media (max-width: 767px) {
.mb_50 {
margin-bottom: 25px !important;
}
}
@media (max-width: 639px) {
.mb_50 {
margin-bottom: 20px !important;
}
}
@media (max-width: 479px) {
.mb_50 {
margin-bottom: 16px !important;
}
}
.mb_60 {
margin-bottom: 60px !important;
}
@media (max-width: 991px) {
.mb_60 {
margin-bottom: 40px !important;
}
}
@media (max-width: 767px) {
.mb_60 {
margin-bottom: 30px !important;
}
}
@media (max-width: 639px) {
.mb_60 {
margin-bottom: 25px !important;
}
}
@media (max-width: 479px) {
.mb_60 {
margin-bottom: 20px !important;
}
}
.mb_80 {
margin-bottom: 80px !important;
}
@media (max-width: 991px) {
.mb_80 {
margin-bottom: 50px !important;
}
}
@media (max-width: 767px) {
.mb_80 {
margin-bottom: 40px !important;
}
}
@media (max-width: 639px) {
.mb_80 {
margin-bottom: 30px !important;
}
}
@media (max-width: 479px) {
.mb_80 {
margin-bottom: 25px !important;
}
}
.mb_100 {
margin-bottom: 100px !important;
}
@media (max-width: 991px) {
.mb_100 {
margin-bottom: 60px !important;
}
}
@media (max-width: 767px) {
.mb_100 {
margin-bottom: 50px !important;
}
}
@media (max-width: 639px) {
.mb_100 {
margin-bottom: 40px !important;
}
}
@media (max-width: 479px) {
.mb_100 {
margin-bottom: 30px !important;
}
}
.mb_120 {
margin-bottom: 120px !important;
}
@media (max-width: 991px) {
.mb_120 {
margin-bottom: 80px !important;
}
}
@media (max-width: 767px) {
.mb_120 {
margin-bottom: 60px !important;
}
}
@media (max-width: 639px) {
.mb_120 {
margin-bottom: 50px !important;
}
}
@media (max-width: 479px) {
.mb_120 {
margin-bottom: 40px !important;
}
}
.mb_160 {
margin-bottom: 160px !important;
}
@media (max-width: 991px) {
.mb_160 {
margin-bottom: 100px !important;
}
}
@media (max-width: 767px) {
.mb_160 {
margin-bottom: 80px !important;
}
}
@media (max-width: 639px) {
.mb_160 {
margin-bottom: 60px !important;
}
}
@media (max-width: 479px) {
.mb_160 {
margin-bottom: 50px !important;
}
}
.mb_200 {
margin-bottom: 200px !important;
}
@media (max-width: 991px) {
.mb_200 {
margin-bottom: 120px !important;
}
}
@media (max-width: 767px) {
.mb_200 {
margin-bottom: 100px !important;
}
}
@media (max-width: 639px) {
.mb_200 {
margin-bottom: 80px !important;
}
}
@media (max-width: 479px) {
.mb_200 {
margin-bottom: 60px !important;
}
}
.mb_250 {
margin-bottom: 250px !important;
}
@media (max-width: 991px) {
.mb_250 {
margin-bottom: 160px !important;
}
}
@media (max-width: 767px) {
.mb_250 {
margin-bottom: 120px !important;
}
}
@media (max-width: 639px) {
.mb_250 {
margin-bottom: 100px !important;
}
}
@media (max-width: 479px) {
.mb_250 {
margin-bottom: 80px !important;
}
}
.mb_300 {
margin-bottom: 300px !important;
}
@media (max-width: 991px) {
.mb_300 {
margin-bottom: 200px !important;
}
}
@media (max-width: 767px) {
.mb_300 {
margin-bottom: 160px !important;
}
}
@media (max-width: 639px) {
.mb_300 {
margin-bottom: 120px !important;
}
}
@media (max-width: 479px) {
.mb_300 {
margin-bottom: 100px !important;
}
}
.pt_0 {
padding-top: 0px !important;
}
.pt_5 {
padding-top: 5px !important;
}
@media (max-width: 991px) {
.pt_5 {
padding-top: 3px !important;
}
}
@media (max-width: 767px) {
.pt_5 {
padding-top: 2px !important;
}
}
@media (max-width: 639px) {
.pt_5 {
padding-top: 1px !important;
}
}
@media (max-width: 479px) {
.pt_5 {
padding-top: 0px !important;
}
}
.pt_10 {
padding-top: 10px !important;
}
@media (max-width: 991px) {
.pt_10 {
padding-top: 6px !important;
}
}
@media (max-width: 767px) {
.pt_10 {
padding-top: 4px !important;
}
}
@media (max-width: 639px) {
.pt_10 {
padding-top: 3px !important;
}
}
@media (max-width: 479px) {
.pt_10 {
padding-top: 2px !important;
}
}
.pt_15 {
padding-top: 15px !important;
}
@media (max-width: 991px) {
.pt_15 {
padding-top: 10px !important;
}
}
@media (max-width: 767px) {
.pt_15 {
padding-top: 8px !important;
}
}
@media (max-width: 639px) {
.pt_15 {
padding-top: 6px !important;
}
}
@media (max-width: 479px) {
.pt_15 {
padding-top: 4px !important;
}
}
.pt_20 {
padding-top: 20px !important;
}
@media (max-width: 991px) {
.pt_20 {
padding-top: 12px !important;
}
}
@media (max-width: 767px) {
.pt_20 {
padding-top: 10px !important;
}
}
@media (max-width: 639px) {
.pt_20 {
padding-top: 8px !important;
}
}
@media (max-width: 479px) {
.pt_20 {
padding-top: 6px !important;
}
}
.pt_25 {
padding-top: 25px !important;
}
@media (max-width: 991px) {
.pt_25 {
padding-top: 16px !important;
}
}
@media (max-width: 767px) {
.pt_25 {
padding-top: 12px !important;
}
}
@media (max-width: 639px) {
.pt_25 {
padding-top: 10px !important;
}
}
@media (max-width: 479px) {
.pt_25 {
padding-top: 8px !important;
}
}
.pt_30 {
padding-top: 30px !important;
}
@media (max-width: 991px) {
.pt_30 {
padding-top: 20px !important;
}
}
@media (max-width: 767px) {
.pt_30 {
padding-top: 16px !important;
}
}
@media (max-width: 639px) {
.pt_30 {
padding-top: 12px !important;
}
}
@media (max-width: 479px) {
.pt_30 {
padding-top: 10px !important;
}
}
.pt_40 {
padding-top: 40px !important;
}
@media (max-width: 991px) {
.pt_40 {
padding-top: 25px !important;
}
}
@media (max-width: 767px) {
.pt_40 {
padding-top: 20px !important;
}
}
@media (max-width: 639px) {
.pt_40 {
padding-top: 16px !important;
}
}
@media (max-width: 479px) {
.pt_40 {
padding-top: 12px !important;
}
}
.pt_50 {
padding-top: 50px !important;
}
@media (max-width: 991px) {
.pt_50 {
padding-top: 30px !important;
}
}
@media (max-width: 767px) {
.pt_50 {
padding-top: 25px !important;
}
}
@media (max-width: 639px) {
.pt_50 {
padding-top: 20px !important;
}
}
@media (max-width: 479px) {
.pt_50 {
padding-top: 16px !important;
}
}
.pt_60 {
padding-top: 60px !important;
}
@media (max-width: 991px) {
.pt_60 {
padding-top: 40px !important;
}
}
@media (max-width: 767px) {
.pt_60 {
padding-top: 30px !important;
}
}
@media (max-width: 639px) {
.pt_60 {
padding-top: 25px !important;
}
}
@media (max-width: 479px) {
.pt_60 {
padding-top: 20px !important;
}
}
.pt_80 {
padding-top: 80px !important;
}
@media (max-width: 991px) {
.pt_80 {
padding-top: 50px !important;
}
}
@media (max-width: 767px) {
.pt_80 {
padding-top: 40px !important;
}
}
@media (max-width: 639px) {
.pt_80 {
padding-top: 30px !important;
}
}
@media (max-width: 479px) {
.pt_80 {
padding-top: 25px !important;
}
}
.pt_100 {
padding-top: 100px !important;
}
@media (max-width: 991px) {
.pt_100 {
padding-top: 60px !important;
}
}
@media (max-width: 767px) {
.pt_100 {
padding-top: 50px !important;
}
}
@media (max-width: 639px) {
.pt_100 {
padding-top: 40px !important;
}
}
@media (max-width: 479px) {
.pt_100 {
padding-top: 30px !important;
}
}
.pt_120 {
padding-top: 120px !important;
}
@media (max-width: 991px) {
.pt_120 {
padding-top: 80px !important;
}
}
@media (max-width: 767px) {
.pt_120 {
padding-top: 60px !important;
}
}
@media (max-width: 639px) {
.pt_120 {
padding-top: 50px !important;
}
}
@media (max-width: 479px) {
.pt_120 {
padding-top: 40px !important;
}
}
.pt_160 {
padding-top: 160px !important;
}
@media (max-width: 991px) {
.pt_160 {
padding-top: 100px !important;
}
}
@media (max-width: 767px) {
.pt_160 {
padding-top: 80px !important;
}
}
@media (max-width: 639px) {
.pt_160 {
padding-top: 60px !important;
}
}
@media (max-width: 479px) {
.pt_160 {
padding-top: 50px !important;
}
}
.pt_200 {
padding-top: 200px !important;
}
@media (max-width: 991px) {
.pt_200 {
padding-top: 120px !important;
}
}
@media (max-width: 767px) {
.pt_200 {
padding-top: 100px !important;
}
}
@media (max-width: 639px) {
.pt_200 {
padding-top: 80px !important;
}
}
@media (max-width: 479px) {
.pt_200 {
padding-top: 60px !important;
}
}
.pt_250 {
padding-top: 250px !important;
}
@media (max-width: 991px) {
.pt_250 {
padding-top: 160px !important;
}
}
@media (max-width: 767px) {
.pt_250 {
padding-top: 120px !important;
}
}
@media (max-width: 639px) {
.pt_250 {
padding-top: 100px !important;
}
}
@media (max-width: 479px) {
.pt_250 {
padding-top: 80px !important;
}
}
.pt_300 {
padding-top: 300px !important;
}
@media (max-width: 991px) {
.pt_300 {
padding-top: 200px !important;
}
}
@media (max-width: 767px) {
.pt_300 {
padding-top: 160px !important;
}
}
@media (max-width: 639px) {
.pt_300 {
padding-top: 120px !important;
}
}
@media (max-width: 479px) {
.pt_300 {
padding-top: 100px !important;
}
}
.pb_0 {
padding-bottom: 0px !important;
}
.pb_5 {
padding-bottom: 5px !important;
}
@media (max-width: 991px) {
.pb_5 {
padding-bottom: 3px !important;
}
}
@media (max-width: 767px) {
.pb_5 {
padding-bottom: 2px !important;
}
}
@media (max-width: 639px) {
.pb_5 {
padding-bottom: 1px !important;
}
}
@media (max-width: 479px) {
.pb_5 {
padding-bottom: 0px !important;
}
}
.pb_10 {
padding-bottom: 10px !important;
}
@media (max-width: 991px) {
.pb_10 {
padding-bottom: 6px !important;
}
}
@media (max-width: 767px) {
.pb_10 {
padding-bottom: 4px !important;
}
}
@media (max-width: 639px) {
.pb_10 {
padding-bottom: 3px !important;
}
}
@media (max-width: 479px) {
.pb_10 {
padding-bottom: 2px !important;
}
}
.pb_15 {
padding-bottom: 15px !important;
}
@media (max-width: 991px) {
.pb_15 {
padding-bottom: 10px !important;
}
}
@media (max-width: 767px) {
.pb_15 {
padding-bottom: 8px !important;
}
}
@media (max-width: 639px) {
.pb_15 {
padding-bottom: 6px !important;
}
}
@media (max-width: 479px) {
.pb_15 {
padding-bottom: 4px !important;
}
}
.pb_20 {
padding-bottom: 20px !important;
}
@media (max-width: 991px) {
.pb_20 {
padding-bottom: 12px !important;
}
}
@media (max-width: 767px) {
.pb_20 {
padding-bottom: 10px !important;
}
}
@media (max-width: 639px) {
.pb_20 {
padding-bottom: 8px !important;
}
}
@media (max-width: 479px) {
.pb_20 {
padding-bottom: 6px !important;
}
}
.pb_25 {
padding-bottom: 25px !important;
}
@media (max-width: 991px) {
.pb_25 {
padding-bottom: 16px !important;
}
}
@media (max-width: 767px) {
.pb_25 {
padding-bottom: 12px !important;
}
}
@media (max-width: 639px) {
.pb_25 {
padding-bottom: 10px !important;
}
}
@media (max-width: 479px) {
.pb_25 {
padding-bottom: 8px !important;
}
}
.pb_30 {
padding-bottom: 30px !important;
}
@media (max-width: 991px) {
.pb_30 {
padding-bottom: 20px !important;
}
}
@media (max-width: 767px) {
.pb_30 {
padding-bottom: 16px !important;
}
}
@media (max-width: 639px) {
.pb_30 {
padding-bottom: 12px !important;
}
}
@media (max-width: 479px) {
.pb_30 {
padding-bottom: 10px !important;
}
}
.pb_40 {
padding-bottom: 40px !important;
}
@media (max-width: 991px) {
.pb_40 {
padding-bottom: 25px !important;
}
}
@media (max-width: 767px) {
.pb_40 {
padding-bottom: 20px !important;
}
}
@media (max-width: 639px) {
.pb_40 {
padding-bottom: 16px !important;
}
}
@media (max-width: 479px) {
.pb_40 {
padding-bottom: 12px !important;
}
}
.pb_50 {
padding-bottom: 50px !important;
}
@media (max-width: 991px) {
.pb_50 {
padding-bottom: 30px !important;
}
}
@media (max-width: 767px) {
.pb_50 {
padding-bottom: 25px !important;
}
}
@media (max-width: 639px) {
.pb_50 {
padding-bottom: 20px !important;
}
}
@media (max-width: 479px) {
.pb_50 {
padding-bottom: 16px !important;
}
}
.pb_60 {
padding-bottom: 60px !important;
}
@media (max-width: 991px) {
.pb_60 {
padding-bottom: 40px !important;
}
}
@media (max-width: 767px) {
.pb_60 {
padding-bottom: 30px !important;
}
}
@media (max-width: 639px) {
.pb_60 {
padding-bottom: 25px !important;
}
}
@media (max-width: 479px) {
.pb_60 {
padding-bottom: 20px !important;
}
}
.pb_80 {
padding-bottom: 80px !important;
}
@media (max-width: 991px) {
.pb_80 {
padding-bottom: 50px !important;
}
}
@media (max-width: 767px) {
.pb_80 {
padding-bottom: 40px !important;
}
}
@media (max-width: 639px) {
.pb_80 {
padding-bottom: 30px !important;
}
}
@media (max-width: 479px) {
.pb_80 {
padding-bottom: 25px !important;
}
}
.pb_100 {
padding-bottom: 100px !important;
}
@media (max-width: 991px) {
.pb_100 {
padding-bottom: 60px !important;
}
}
@media (max-width: 767px) {
.pb_100 {
padding-bottom: 50px !important;
}
}
@media (max-width: 639px) {
.pb_100 {
padding-bottom: 40px !important;
}
}
@media (max-width: 479px) {
.pb_100 {
padding-bottom: 30px !important;
}
}
.pb_120 {
padding-bottom: 120px !important;
}
@media (max-width: 991px) {
.pb_120 {
padding-bottom: 80px !important;
}
}
@media (max-width: 767px) {
.pb_120 {
padding-bottom: 60px !important;
}
}
@media (max-width: 639px) {
.pb_120 {
padding-bottom: 50px !important;
}
}
@media (max-width: 479px) {
.pb_120 {
padding-bottom: 40px !important;
}
}
.pb_160 {
padding-bottom: 160px !important;
}
@media (max-width: 991px) {
.pb_160 {
padding-bottom: 100px !important;
}
}
@media (max-width: 767px) {
.pb_160 {
padding-bottom: 80px !important;
}
}
@media (max-width: 639px) {
.pb_160 {
padding-bottom: 60px !important;
}
}
@media (max-width: 479px) {
.pb_160 {
padding-bottom: 50px !important;
}
}
.pb_200 {
padding-bottom: 200px !important;
}
@media (max-width: 991px) {
.pb_200 {
padding-bottom: 120px !important;
}
}
@media (max-width: 767px) {
.pb_200 {
padding-bottom: 100px !important;
}
}
@media (max-width: 639px) {
.pb_200 {
padding-bottom: 80px !important;
}
}
@media (max-width: 479px) {
.pb_200 {
padding-bottom: 60px !important;
}
}
.pb_250 {
padding-bottom: 250px !important;
}
@media (max-width: 991px) {
.pb_250 {
padding-bottom: 160px !important;
}
}
@media (max-width: 767px) {
.pb_250 {
padding-bottom: 120px !important;
}
}
@media (max-width: 639px) {
.pb_250 {
padding-bottom: 100px !important;
}
}
@media (max-width: 479px) {
.pb_250 {
padding-bottom: 80px !important;
}
}
.pb_300 {
padding-bottom: 300px !important;
}
@media (max-width: 991px) {
.pb_300 {
padding-bottom: 200px !important;
}
}
@media (max-width: 767px) {
.pb_300 {
padding-bottom: 160px !important;
}
}
@media (max-width: 639px) {
.pb_300 {
padding-bottom: 120px !important;
}
}
@media (max-width: 479px) {
.pb_300 {
padding-bottom: 100px !important;
}
}
@media (min-width: 768px) {
#banner.with_video.sticky_video .btn-close {
border: 1px solid transparent;
z-index: 10001 !important;
text-decoration: none;
text-align: center;
border-radius: 50%;
line-height: 28px;
background: #fff;
font-size: 20px;
position: fixed;
right: auto;
width: 30px;
color: #000;
opacity: 1;
left: 10px;
padding: 0;
top: 14px;
}
#banner.with_video.sticky_video .btn-close:hover {
border: 1px solid #777;
}
#banner.with_video.sticky_video .btn-close .icon-cancel {
display: inline;
margin: 0;
}
#banner.with_video.sticky_video .btn-close .txt_close {
display: none;
}
#banner.with_video.sticky_video iframe {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
z-index: 9999 !important;
border-radius: 4px;
background: #fff;
position: fixed;
height: 225px;
width: 400px;
padding: 5px;
right: auto;
left: 20px;
top: 20px;
}
}
@media (min-width: 768px) and (max-width: 767px) {
#banner.with_video.sticky_video iframe {
position: initial;
}
}
@media (max-width: 479px) {
#banner.with_video .sm_video_wrap {
padding: 0;
}
}
#banner.with_video iframe {
z-index: 999;
}
@media (max-width: 767px) {
#banner.with_video iframe {
z-index: 0;
}
}
#banner.with_video .video_wrap:hover .btn-close {
opacity: 1;
}
#banner.with_video .btn-blue {
transition: all 0.3s ease-out;
font: 700 16px "Poppins";
letter-spacing: 1.5px;
text-decoration: none;
position: absolute;
padding: 12px 25px;
bottom: 45px;
right: 45px;
color: #fff;
z-index: 0;
opacity: 0;
}
#banner.with_video .btn-blue.active {
z-index: 9999;
opacity: 1;
}
#banner.with_video .btn-close {
transition: all 0.3s ease-out;
font: 700 20px "Poppins";
border: 1px dashed #fff;
text-decoration: none;
position: absolute;
padding: 12px 25px;
z-index: 9999;
color: #fff;
right: 20px;
opacity: 0;
top: 20px;
}
#banner.with_video .btn-close:hover {
border: 1px dashed #D50204;
color: #D50204;
}
#banner.with_video .btn-close .icon-cancel {
display: none;
}
#banner.with_video .btn-close .txt_close {
display: inline;
}
#banner.with_video #video_toggle {
padding: 0;
display: none;
}
#banner.with_video.video_playing #video_toggle {
padding: 60px 0;
}
#sub_banner.with_video .wrap_all,
#sub_banner.with_video .wrap_all .left,
#sub_banner.with_video .wrap_all .right {
transition: all 1.2s ease-out;
height: 310px;
z-index: 999;
}
@media (max-width: 1199px) {
#sub_banner.with_video .wrap_all,
#sub_banner.with_video .wrap_all .left,
#sub_banner.with_video .wrap_all .right {
height: 262px;
}
}
@media (max-width: 991px) {
#sub_banner.with_video .wrap_all,
#sub_banner.with_video .wrap_all .left,
#sub_banner.with_video .wrap_all .right {
height: 195px;
}
}
@media (max-width: 767px) {
#sub_banner.with_video .wrap_all,
#sub_banner.with_video .wrap_all .left,
#sub_banner.with_video .wrap_all .right {
height: initial;
}
}
@media (max-width: 767px) {
#sub_banner.with_video .wrap_all .right {
display: none;
}
}
#sub_banner.with_video .video .trigger_video {
background-color: rgba(0, 0, 0, 0.2);
text-decoration: none;
}
#sub_banner.with_video .video .trigger_video .icons {
height: 58px;
width: 58px;
top: -95px;
}
@media (max-width: 991px) {
#sub_banner.with_video .video .trigger_video .icons {
top: -70px;
}
}
#sub_banner.with_video .video .trigger_video .icons .icon {
padding: 15px 10px;
font-size: 26px;
}
#sub_banner.with_video .video .trigger_video p {
text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2);
font-size: 17px;
line-height: 1.65em;
font-weight: 600;
letter-spacing: 2.5px;
text-align: center;
position: absolute;
display: table;
margin: auto;
bottom: 73px;
color: #fff;
width: 100%;
padding: 0;
right: 0;
left: 0;
}
@media (max-width: 1199px) {
#sub_banner.with_video .video .trigger_video p {
font-size: 14px;
line-height: 1.45em;
bottom: 65px;
}
}
@media (max-width: 991px) {
#sub_banner.with_video .video .trigger_video p {
bottom: 30px;
}
}
#sub_banner.with_video .video .trigger_video:hover {
background-color: rgba(0, 0, 0, 0.3);
}
#sub_banner.with_video .video .video-container img {
height: 100%;
}
#sub_banner.with_video.video_playing.squeeze .wrap_all .box.left h3 {
margin: 55px auto 0px;
}
@media (max-width: 991px) {
#sub_banner.with_video.video_playing.squeeze .wrap_all .box.left h3 {
margin: 30px auto 0;
}
}
#sub_banner.with_video.video_playing.squeeze .wrap_all .box.left p {
margin: 0 auto 20px;
}
@media (max-width: 1199px) {
#sub_banner.with_video.video_playing.squeeze .wrap_all .box.left p {
margin: 0 auto 5px;
}
}
@media (max-width: 991px) {
#sub_banner.with_video.video_playing.squeeze .wrap_all .box.left p {
margin: 0 auto 0;
}
}
#sub_banner.with_video.video_playing .wrap_all {
margin: 0 auto -60px;
top: -60px;
}
#sub_banner.with_video.video_playing .wrap_all .box.left {
display: block;
width: 100%;
}
#sub_banner.with_video.video_playing .wrap_all .box.left a.btn.btn-white, #sub_banner.with_video.video_playing .wrap_all .box.left #reg .media_wrap_cohort .media .right a.btn-white, #reg .media_wrap_cohort .media .right #sub_banner.with_video.video_playing .wrap_all .box.left a.btn-white,
#sub_banner.with_video.video_playing .wrap_all .box.left #reg .reg_all_links a.btn-white,
#reg .reg_all_links #sub_banner.with_video.video_playing .wrap_all .box.left a.btn-white, #sub_banner.with_video.video_playing .wrap_all .box.left #modal_module_completed .modal-body h2 a.btn-white, #modal_module_completed .modal-body h2 #sub_banner.with_video.video_playing .wrap_all .box.left a.btn-white {
max-width: 440px;
}
#sub_banner.with_video.video_playing .wrap_all .box.left h4.white_line {
display: none;
}
#sub_banner.with_video.video_playing .wrap_all .box.left p {
margin: 50px auto 20px;
}
@media (max-width: 1199px) {
#sub_banner.with_video.video_playing .wrap_all .box.left p {
margin: 50px auto 5px;
}
}
@media (max-width: 991px) {
#sub_banner.with_video.video_playing .wrap_all .box.left p {
margin: 30px auto 0;
}
}
#sub_banner.with_video.video_playing .wrap_all .box.left .dropdown {
max-width: 440px;
margin: 0 auto;
}
#sub_banner.with_video.video_playing .wrap_all .right {
height: 0;
width: 0%;
opacity: 0;
}
@media (max-width: 992px) {
.header.with_video.sticky_video .btn-close {
display: none;
}
.header.with_video.sticky_video .btn-close .icon-cancel {
display: none;
}
.header.with_video.sticky_video .btn-close .txt_close {
display: none;
}
.header.with_video.sticky_video iframe {
position: absolute;
box-shadow: none;
border-radius: 0;
height: 100%;
width: 100%;
padding: 0;
border: 0;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.header.with_video.video_playing .wrap_all .left {
padding: 30px 15px;
height: auto;
}
.header.with_video #video_toggle,
.header.with_video .wrap_all,
.header.with_video .wrap_all .left,
.header.with_video .wrap_all .right {
transition: all 0s ease-out;
}
.header.with_video .wrap_all {
max-width: 940px;
}
.header.with_video .wrap_all .left {
padding: 60px 15px;
max-width: 100%;
display: block;
width: 100%;
margin: 0;
}
.header.with_video .wrap_all .right {
position: relative;
max-width: 100%;
display: none;
height: auto;
width: 100%;
padding: 0;
margin: 0;
}
.header.with_video .wrap_all .right video {
position: relative;
height: 100%;
width: 100%;
}
.header.with_video .wrap_all .right img,
.header.with_video .wrap_all .right p {
position: absolute;
display: table;
margin: auto;
z-index: 99;
bottom: 0;
right: 0;
left: 0;
}
.header.with_video .wrap_all .right img {
top: -40px;
}
.header.with_video .wrap_all .right p {
top: 160px;
}
.header.with_video #video_toggle {
display: block;
padding: 0;
}
.header.with_video #video_toggle.sm_video_playing p,
.header.with_video #video_toggle.sm_video_playing video,
.header.with_video #video_toggle.sm_video_playing img.pulse,
.header.with_video #video_toggle.sm_video_playing .embed-responsive:before {
display: none;
}
.header.with_video #video_toggle .btn-close {
display: none;
}
.header.with_video #video_toggle video {
display: block;
z-index: 9999;
width: 103%;
}
.header.with_video #video_toggle img.pulse {
-webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
-webkit-animation: video-button-pulse 1.5s infinite;
animation: video-button-pulse 1.5s infinite;
border-radius: 50%;
position: absolute;
cursor: pointer;
display: block;
z-index: 10000;
margin: auto;
height: 60px;
width: 60px;
top: -40px;
bottom: 0;
right: 0;
left: 0;
}
.header.with_video #video_toggle p {
text-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2);
font: 700 17px/26px "LinBiolinum";
text-transform: uppercase;
letter-spacing: 1px;
position: absolute;
text-align: center;
display: table;
z-index: 10000;
margin: auto;
width: 100%;
color: #fff;
top: 160px;
padding: 0;
bottom: 0;
right: 0;
left: 0;
}
.header.with_video #video_toggle .embed-responsive:before {
background: rgba(0, 0, 0, 0.4);
position: absolute;
display: block;
z-index: 10000;
height: 100%;
width: 100%;
content: "";
}
}
@media (max-width: 639px) {
.header.with_video .btn-blue.active {
display: none;
}
.header.with_video h1 {
line-height: 26px !important;
}
.header.with_video .container {
padding: 0;
}
.header.with_video .wrap_all .left {
padding: 30px 15px;
}
.header.with_video .wrap_all .left br {
display: none;
}
.header.with_video .wrap_all .left p {
margin: 10px auto 10px;
max-width: 280px;
}
.header.with_video .wrap_all .left button {
letter-spacing: 0;
font-size: 14px;
}
.header.with_video .wrap_all .right img {
top: 0;
}
.header.with_video .wrap_all .right p {
display: none;
}
}
@media (max-width: 479px) {
.header.with_video #video_toggle img.pulse {
top: 0;
}
.header.with_video #video_toggle p {
display: none;
}
.header.with_video .wrap_all .left button {
font-size: 12px;
}
}
#sub_banner {
background: #eee;
color: #fff;
}
#sub_banner.white_bg {
background: #fff;
}
#sub_banner.calendar .wrap_all {
margin: 0 0 -30px;
top: -30px;
}
#sub_banner.calendar .wrap_all .box.left .dropdown-menu.inner {
padding: 0;
}
#sub_banner.calendar .wrap_all .box.left .btn, #sub_banner.calendar .wrap_all .box.left #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #sub_banner.calendar .wrap_all .box.left a,
#sub_banner.calendar .wrap_all .box.left #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #sub_banner.calendar .wrap_all .box.left button, #sub_banner.calendar .wrap_all .box.left #reg .reg_all_links button, #reg .reg_all_links #sub_banner.calendar .wrap_all .box.left button,
#sub_banner.calendar .wrap_all .box.left #reg .reg_all_links a,
#reg .reg_all_links #sub_banner.calendar .wrap_all .box.left a, #sub_banner.calendar .wrap_all .box.left #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #sub_banner.calendar .wrap_all .box.left a {
font-size: 18px;
font-weight: 700;
color: #16347c;
padding: 16px 24px;
letter-spacing: 0;
text-align: left;
cursor: pointer;
width: 100%;
}
@media (max-width: 991px) {
#sub_banner.calendar .wrap_all .box.left .btn, #sub_banner.calendar .wrap_all .box.left #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #sub_banner.calendar .wrap_all .box.left a,
#sub_banner.calendar .wrap_all .box.left #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #sub_banner.calendar .wrap_all .box.left button, #sub_banner.calendar .wrap_all .box.left #reg .reg_all_links button, #reg .reg_all_links #sub_banner.calendar .wrap_all .box.left button,
#sub_banner.calendar .wrap_all .box.left #reg .reg_all_links a,
#reg .reg_all_links #sub_banner.calendar .wrap_all .box.left a, #sub_banner.calendar .wrap_all .box.left #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #sub_banner.calendar .wrap_all .box.left a {
font-size: 14px;
font-weight: 600;
padding: 12px;
}
}
@media (max-width: 767px) {
#sub_banner.calendar .wrap_all .box.left .btn, #sub_banner.calendar .wrap_all .box.left #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #sub_banner.calendar .wrap_all .box.left a,
#sub_banner.calendar .wrap_all .box.left #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #sub_banner.calendar .wrap_all .box.left button, #sub_banner.calendar .wrap_all .box.left #reg .reg_all_links button, #reg .reg_all_links #sub_banner.calendar .wrap_all .box.left button,
#sub_banner.calendar .wrap_all .box.left #reg .reg_all_links a,
#reg .reg_all_links #sub_banner.calendar .wrap_all .box.left a, #sub_banner.calendar .wrap_all .box.left #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #sub_banner.calendar .wrap_all .box.left a {
font-size: 16px;
padding: 16px;
}
}
@media (max-width: 479px) {
#sub_banner.calendar .wrap_all .box.left .btn, #sub_banner.calendar .wrap_all .box.left #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #sub_banner.calendar .wrap_all .box.left a,
#sub_banner.calendar .wrap_all .box.left #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #sub_banner.calendar .wrap_all .box.left button, #sub_banner.calendar .wrap_all .box.left #reg .reg_all_links button, #reg .reg_all_links #sub_banner.calendar .wrap_all .box.left button,
#sub_banner.calendar .wrap_all .box.left #reg .reg_all_links a,
#reg .reg_all_links #sub_banner.calendar .wrap_all .box.left a, #sub_banner.calendar .wrap_all .box.left #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #sub_banner.calendar .wrap_all .box.left a {
padding: 12px;
}
}
#sub_banner.calendar .wrap_all .box.left .btn.dropdown-toggle:after, #sub_banner.calendar .wrap_all .box.left #reg .media_wrap_cohort .media .right a.dropdown-toggle:after, #reg .media_wrap_cohort .media .right #sub_banner.calendar .wrap_all .box.left a.dropdown-toggle:after,
#sub_banner.calendar .wrap_all .box.left #reg .media_wrap_cohort .media .right button.dropdown-toggle:after,
#reg .media_wrap_cohort .media .right #sub_banner.calendar .wrap_all .box.left button.dropdown-toggle:after, #sub_banner.calendar .wrap_all .box.left #reg .reg_all_links button.dropdown-toggle:after, #reg .reg_all_links #sub_banner.calendar .wrap_all .box.left button.dropdown-toggle:after,
#sub_banner.calendar .wrap_all .box.left #reg .reg_all_links a.dropdown-toggle:after,
#reg .reg_all_links #sub_banner.calendar .wrap_all .box.left a.dropdown-toggle:after, #sub_banner.calendar .wrap_all .box.left #modal_module_completed .modal-body h2 a.dropdown-toggle:after, #modal_module_completed .modal-body h2 #sub_banner.calendar .wrap_all .box.left a.dropdown-toggle:after {
font-weight: 900;
font-size: 14px;
right: 26px;
top: 27%;
}
@media (max-width: 767px) {
#sub_banner.calendar .wrap_all .box.left .btn.dropdown-toggle:after, #sub_banner.calendar .wrap_all .box.left #reg .media_wrap_cohort .media .right a.dropdown-toggle:after, #reg .media_wrap_cohort .media .right #sub_banner.calendar .wrap_all .box.left a.dropdown-toggle:after,
#sub_banner.calendar .wrap_all .box.left #reg .media_wrap_cohort .media .right button.dropdown-toggle:after,
#reg .media_wrap_cohort .media .right #sub_banner.calendar .wrap_all .box.left button.dropdown-toggle:after, #sub_banner.calendar .wrap_all .box.left #reg .reg_all_links button.dropdown-toggle:after, #reg .reg_all_links #sub_banner.calendar .wrap_all .box.left button.dropdown-toggle:after,
#sub_banner.calendar .wrap_all .box.left #reg .reg_all_links a.dropdown-toggle:after,
#reg .reg_all_links #sub_banner.calendar .wrap_all .box.left a.dropdown-toggle:after, #sub_banner.calendar .wrap_all .box.left #modal_module_completed .modal-body h2 a.dropdown-toggle:after, #modal_module_completed .modal-body h2 #sub_banner.calendar .wrap_all .box.left a.dropdown-toggle:after {
top: 30%;
}
}
#sub_banner.calendar .wrap_all .box.left p {
margin: -30px 0 5px;
}
@media (max-width: 1199px) {
#sub_banner.calendar .wrap_all .box.left p {
margin: -10px 0 5px;
}
}
@media (max-width: 991px) {
#sub_banner.calendar .wrap_all .box.left p {
margin: -5px 0 0;
}
}
@media (max-width: 767px) {
#sub_banner.calendar .wrap_all .box.left p {
font-size: 24px;
margin: 0 0 10px;
}
}
@media (max-width: 479px) {
#sub_banner.calendar .wrap_all .box.left p {
font-size: 18px;
}
}
#sub_banner.bonus .wrap_all {
margin: 0 0 -130px;
top: -130px;
}
@media (max-width: 991px) {
#sub_banner.bonus .wrap_all {
margin: 0 0 -30px;
top: -30px;
}
}
#sub_banner.bonus .wrap_all .box.left p {
margin: -25px 0 35px;
}
@media (max-width: 991px) {
#sub_banner.bonus .wrap_all .box.left p {
margin: -10px 0 15px;
}
}
#sub_banner.bonus .wrap_all .box.left a.btn.btn-white, #sub_banner.bonus .wrap_all .box.left #reg .media_wrap_cohort .media .right a.btn-white, #reg .media_wrap_cohort .media .right #sub_banner.bonus .wrap_all .box.left a.btn-white,
#sub_banner.bonus .wrap_all .box.left #reg .reg_all_links a.btn-white,
#reg .reg_all_links #sub_banner.bonus .wrap_all .box.left a.btn-white, #sub_banner.bonus .wrap_all .box.left #modal_module_completed .modal-body h2 a.btn-white, #modal_module_completed .modal-body h2 #sub_banner.bonus .wrap_all .box.left a.btn-white {
letter-spacing: 4px;
}
#sub_banner.squeeze.with_video .video .trigger_video p {
text-transform: uppercase;
}
#sub_banner.squeeze .wrap_all {
margin: 0 0 -155px;
top: -155px;
}
@media (max-width: 991px) {
#sub_banner.squeeze .wrap_all {
margin: 0 0 -30px;
top: -30px;
}
}
#sub_banner.squeeze .wrap_all .box.left h3 {
font-size: 26px;
line-height: 1.45em;
font-weight: 700;
margin: -10px 0 0;
}
@media (max-width: 991px) {
#sub_banner.squeeze .wrap_all .box.left h3 {
font-size: 20px;
}
}
@media (max-width: 767px) {
#sub_banner.squeeze .wrap_all .box.left h3 {
font-size: 22px;
margin: -10px 0 5px;
}
}
#sub_banner.squeeze .wrap_all .box.left p {
font-size: 15px;
line-height: 1.7em;
font-weight: 600;
margin: 0 auto 28px;
max-width: 420px;
}
@media (max-width: 991px) {
#sub_banner.squeeze .wrap_all .box.left p {
font-size: 14px;
line-height: 1.45em;
letter-spacing: -0.1px;
margin: 0 auto 20px;
max-width: 420px;
}
}
@media (max-width: 767px) {
#sub_banner.squeeze .wrap_all .box.left p {
font-size: 18px;
margin: 0 auto 20px;
letter-spacing: 0;
max-width: 420px;
}
}
@media (max-width: 1199px) {
#sub_banner.squeeze .wrap_all .box.left p br {
display: none;
}
}
#sub_banner.squeeze .wrap_all .box.left a.btn.btn-white, #sub_banner.squeeze .wrap_all .box.left #reg .media_wrap_cohort .media .right a.btn-white, #reg .media_wrap_cohort .media .right #sub_banner.squeeze .wrap_all .box.left a.btn-white,
#sub_banner.squeeze .wrap_all .box.left #reg .reg_all_links a.btn-white,
#reg .reg_all_links #sub_banner.squeeze .wrap_all .box.left a.btn-white, #sub_banner.squeeze .wrap_all .box.left #modal_module_completed .modal-body h2 a.btn-white, #modal_module_completed .modal-body h2 #sub_banner.squeeze .wrap_all .box.left a.btn-white {
text-transform: uppercase;
font-size: 17px;
letter-spacing: 0px;
}
@media (max-width: 1199px) {
#sub_banner.squeeze .wrap_all .box.left a.btn.btn-white, #sub_banner.squeeze .wrap_all .box.left #reg .media_wrap_cohort .media .right a.btn-white, #reg .media_wrap_cohort .media .right #sub_banner.squeeze .wrap_all .box.left a.btn-white,
#sub_banner.squeeze .wrap_all .box.left #reg .reg_all_links a.btn-white,
#reg .reg_all_links #sub_banner.squeeze .wrap_all .box.left a.btn-white, #sub_banner.squeeze .wrap_all .box.left #modal_module_completed .modal-body h2 a.btn-white, #modal_module_completed .modal-body h2 #sub_banner.squeeze .wrap_all .box.left a.btn-white {
font-size: 14px;
}
}
@media (max-width: 991px) {
#sub_banner.squeeze .wrap_all .box.left a.btn.btn-white, #sub_banner.squeeze .wrap_all .box.left #reg .media_wrap_cohort .media .right a.btn-white, #reg .media_wrap_cohort .media .right #sub_banner.squeeze .wrap_all .box.left a.btn-white,
#sub_banner.squeeze .wrap_all .box.left #reg .reg_all_links a.btn-white,
#reg .reg_all_links #sub_banner.squeeze .wrap_all .box.left a.btn-white, #sub_banner.squeeze .wrap_all .box.left #modal_module_completed .modal-body h2 a.btn-white, #modal_module_completed .modal-body h2 #sub_banner.squeeze .wrap_all .box.left a.btn-white {
font-size: 13px;
}
}
@media (max-width: 767px) {
#sub_banner.squeeze .wrap_all .box.left a.btn.btn-white, #sub_banner.squeeze .wrap_all .box.left #reg .media_wrap_cohort .media .right a.btn-white, #reg .media_wrap_cohort .media .right #sub_banner.squeeze .wrap_all .box.left a.btn-white,
#sub_banner.squeeze .wrap_all .box.left #reg .reg_all_links a.btn-white,
#reg .reg_all_links #sub_banner.squeeze .wrap_all .box.left a.btn-white, #sub_banner.squeeze .wrap_all .box.left #modal_module_completed .modal-body h2 a.btn-white, #modal_module_completed .modal-body h2 #sub_banner.squeeze .wrap_all .box.left a.btn-white {
font-size: 18px;
padding: 10px 0;
}
}
@media (max-width: 639px) {
#sub_banner.squeeze .wrap_all .box.left a.btn.btn-white, #sub_banner.squeeze .wrap_all .box.left #reg .media_wrap_cohort .media .right a.btn-white, #reg .media_wrap_cohort .media .right #sub_banner.squeeze .wrap_all .box.left a.btn-white,
#sub_banner.squeeze .wrap_all .box.left #reg .reg_all_links a.btn-white,
#reg .reg_all_links #sub_banner.squeeze .wrap_all .box.left a.btn-white, #sub_banner.squeeze .wrap_all .box.left #modal_module_completed .modal-body h2 a.btn-white, #modal_module_completed .modal-body h2 #sub_banner.squeeze .wrap_all .box.left a.btn-white {
font-size: 16px;
}
}
#sub_banner.neuro_social .wrap_all {
margin: 0 0 -87px;
top: -87px;
}
@media (max-width: 767px) {
#sub_banner.neuro_social .wrap_all {
margin: 0 0 -20px;
top: -20px;
}
}
#sub_banner.neuro_social .wrap_all .box.left {
width: 100%;
}
@media (max-width: 767px) {
#sub_banner.neuro_social .wrap_all .box.left .inner {
padding: 0 15px;
}
}
#sub_banner.neuro_social .wrap_all .box.left h4.white_line {
font-size: 12px;
line-height: 1.45em;
font-weight: 700;
color: #2354c8;
letter-spacing: 4.2px;
padding: 7px 0;
top: -31px;
}
@media (max-width: 767px) {
#sub_banner.neuro_social .wrap_all .box.left h4.white_line {
letter-spacing: 2px;
display: block;
}
}
@media (max-width: 479px) {
#sub_banner.neuro_social .wrap_all .box.left h4.white_line {
display: none;
}
}
#sub_banner.neuro_social .wrap_all .box.left p {
font-size: 26px;
line-height: 1.45em;
font-weight: 700;
margin: 42px 0 0;
}
@media (max-width: 767px) {
#sub_banner.neuro_social .wrap_all .box.left p {
font-size: 22px;
}
}
@media (max-width: 479px) {
#sub_banner.neuro_social .wrap_all .box.left p {
font-size: 20px;
}
}
#sub_banner.neuro_social .wrap_all .box.left p.small {
font-size: 15px;
line-height: 1.45em;
font-weight: 600;
margin: 0;
}
#sub_banner.neuro_social .wrap_all .box.left a.btn.btn-white, #sub_banner.neuro_social .wrap_all .box.left #reg .media_wrap_cohort .media .right a.btn-white, #reg .media_wrap_cohort .media .right #sub_banner.neuro_social .wrap_all .box.left a.btn-white,
#sub_banner.neuro_social .wrap_all .box.left #reg .reg_all_links a.btn-white,
#reg .reg_all_links #sub_banner.neuro_social .wrap_all .box.left a.btn-white, #sub_banner.neuro_social .wrap_all .box.left #modal_module_completed .modal-body h2 a.btn-white, #modal_module_completed .modal-body h2 #sub_banner.neuro_social .wrap_all .box.left a.btn-white {
font-size: 18px;
margin: 27px 0 75px;
max-width: 540px;
}
@media (max-width: 767px) {
#sub_banner.neuro_social .wrap_all .box.left a.btn.btn-white, #sub_banner.neuro_social .wrap_all .box.left #reg .media_wrap_cohort .media .right a.btn-white, #reg .media_wrap_cohort .media .right #sub_banner.neuro_social .wrap_all .box.left a.btn-white,
#sub_banner.neuro_social .wrap_all .box.left #reg .reg_all_links a.btn-white,
#reg .reg_all_links #sub_banner.neuro_social .wrap_all .box.left a.btn-white, #sub_banner.neuro_social .wrap_all .box.left #modal_module_completed .modal-body h2 a.btn-white, #modal_module_completed .modal-body h2 #sub_banner.neuro_social .wrap_all .box.left a.btn-white {
letter-spacing: 2px;
font-size: 16px;
margin: 20px 0 60px;
max-width: 320px;
}
}
@media (max-width: 479px) {
#sub_banner.neuro_social .wrap_all .box.left a.btn.btn-white, #sub_banner.neuro_social .wrap_all .box.left #reg .media_wrap_cohort .media .right a.btn-white, #reg .media_wrap_cohort .media .right #sub_banner.neuro_social .wrap_all .box.left a.btn-white,
#sub_banner.neuro_social .wrap_all .box.left #reg .reg_all_links a.btn-white,
#reg .reg_all_links #sub_banner.neuro_social .wrap_all .box.left a.btn-white, #sub_banner.neuro_social .wrap_all .box.left #modal_module_completed .modal-body h2 a.btn-white, #modal_module_completed .modal-body h2 #sub_banner.neuro_social .wrap_all .box.left a.btn-white {
font-size: 14px;
}
}
#sub_banner.sales {
background: #f5f5f5;
}
@media (max-width: 639px) {
#sub_banner.sales .container {
padding: 0;
}
}
#sub_banner.sales .wrap {
background: url("../img/bg.jpg") no-repeat center top;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
align-items: center;
position: relative;
text-align: center;
margin: 0 0 -65px;
display: flex;
top: -86px;
}
@media (max-width: 1199px) {
#sub_banner.sales .wrap {
top: -25px;
margin: 0;
}
}
@media (max-width: 991px) {
#sub_banner.sales .wrap {
padding: 40px 0;
}
}
@media (max-width: 767px) {
#sub_banner.sales .wrap {
padding: 50px 15px;
flex-wrap: wrap;
}
}
#sub_banner.sales .wrap:before {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
position: absolute;
content: "";
display: block;
position: absolute;
background: #fff;
height: 10px;
width: 100%;
left: 0;
top: 0;
}
@media (max-width: 639px) {
#sub_banner.sales .wrap:before {
display: none;
}
}
#sub_banner.sales img.boxes {
margin: -62px -24px 22px 52px;
z-index: 1;
}
@media (max-width: 1199px) {
#sub_banner.sales img.boxes {
margin: -52px -20px 22px 40px;
width: 260px;
}
}
@media (max-width: 991px) {
#sub_banner.sales img.boxes {
display: none;
}
}
#sub_banner.sales .nr_wrap {
width: 225px;
}
@media (max-width: 1199px) {
#sub_banner.sales .nr_wrap {
width: 190px;
}
}
@media (max-width: 991px) {
#sub_banner.sales .nr_wrap {
width: 212px;
}
}
@media (max-width: 767px) {
#sub_banner.sales .nr_wrap {
width: 50%;
}
}
@media (max-width: 479px) {
#sub_banner.sales .nr_wrap {
margin: 0 0 30px;
width: 100%;
}
}
#sub_banner.sales .nr_wrap h4 {
font-size: 26px;
font-weight: 700;
margin: 2px 0 8px;
}
@media (max-width: 1199px) {
#sub_banner.sales .nr_wrap h4 {
font-size: 24px;
margin: 0 0 2px;
}
}
#sub_banner.sales .nr_wrap p {
font-size: 14px;
line-height: 1.45em;
margin: 0;
}
#sub_banner.sales .btn.btn-yellow, #sub_banner.sales #reg .media_wrap_cohort .media .right a.btn-yellow, #reg .media_wrap_cohort .media .right #sub_banner.sales a.btn-yellow,
#sub_banner.sales #reg .media_wrap_cohort .media .right button.btn-yellow,
#reg .media_wrap_cohort .media .right #sub_banner.sales button.btn-yellow, #sub_banner.sales #reg .reg_all_links button.btn-yellow, #reg .reg_all_links #sub_banner.sales button.btn-yellow,
#sub_banner.sales #reg .reg_all_links a.btn-yellow,
#reg .reg_all_links #sub_banner.sales a.btn-yellow, #sub_banner.sales #modal_module_completed .modal-body h2 a.btn-yellow, #modal_module_completed .modal-body h2 #sub_banner.sales a.btn-yellow {
letter-spacing: 3px;
font-size: 20px;
padding: 15px 18px;
margin: 0 0 0 40px;
}
@media (max-width: 1919px) {
#sub_banner.sales .btn.btn-yellow, #sub_banner.sales #reg .media_wrap_cohort .media .right a.btn-yellow, #reg .media_wrap_cohort .media .right #sub_banner.sales a.btn-yellow,
#sub_banner.sales #reg .media_wrap_cohort .media .right button.btn-yellow,
#reg .media_wrap_cohort .media .right #sub_banner.sales button.btn-yellow, #sub_banner.sales #reg .reg_all_links button.btn-yellow, #reg .reg_all_links #sub_banner.sales button.btn-yellow,
#sub_banner.sales #reg .reg_all_links a.btn-yellow,
#reg .reg_all_links #sub_banner.sales a.btn-yellow, #sub_banner.sales #modal_module_completed .modal-body h2 a.btn-yellow, #modal_module_completed .modal-body h2 #sub_banner.sales a.btn-yellow {
letter-spacing: 2px;
padding: 12px 25px;
}
}
@media (max-width: 1199px) {
#sub_banner.sales .btn.btn-yellow, #sub_banner.sales #reg .media_wrap_cohort .media .right a.btn-yellow, #reg .media_wrap_cohort .media .right #sub_banner.sales a.btn-yellow,
#sub_banner.sales #reg .media_wrap_cohort .media .right button.btn-yellow,
#reg .media_wrap_cohort .media .right #sub_banner.sales button.btn-yellow, #sub_banner.sales #reg .reg_all_links button.btn-yellow, #reg .reg_all_links #sub_banner.sales button.btn-yellow,
#sub_banner.sales #reg .reg_all_links a.btn-yellow,
#reg .reg_all_links #sub_banner.sales a.btn-yellow, #sub_banner.sales #modal_module_completed .modal-body h2 a.btn-yellow, #modal_module_completed .modal-body h2 #sub_banner.sales a.btn-yellow {
font-size: 16px;
letter-spacing: 1px;
padding: 10px 25px;
margin: 0 0 0 30px;
}
}
@media (max-width: 767px) {
#sub_banner.sales .btn.btn-yellow, #sub_banner.sales #reg .media_wrap_cohort .media .right a.btn-yellow, #reg .media_wrap_cohort .media .right #sub_banner.sales a.btn-yellow,
#sub_banner.sales #reg .media_wrap_cohort .media .right button.btn-yellow,
#reg .media_wrap_cohort .media .right #sub_banner.sales button.btn-yellow, #sub_banner.sales #reg .reg_all_links button.btn-yellow, #reg .reg_all_links #sub_banner.sales button.btn-yellow,
#sub_banner.sales #reg .reg_all_links a.btn-yellow,
#reg .reg_all_links #sub_banner.sales a.btn-yellow, #sub_banner.sales #modal_module_completed .modal-body h2 a.btn-yellow, #modal_module_completed .modal-body h2 #sub_banner.sales a.btn-yellow {
padding: 10px 45px;
margin: 30px auto 0;
}
}
@media (max-width: 479px) {
#sub_banner.sales .btn.btn-yellow, #sub_banner.sales #reg .media_wrap_cohort .media .right a.btn-yellow, #reg .media_wrap_cohort .media .right #sub_banner.sales a.btn-yellow,
#sub_banner.sales #reg .media_wrap_cohort .media .right button.btn-yellow,
#reg .media_wrap_cohort .media .right #sub_banner.sales button.btn-yellow, #sub_banner.sales #reg .reg_all_links button.btn-yellow, #reg .reg_all_links #sub_banner.sales button.btn-yellow,
#sub_banner.sales #reg .reg_all_links a.btn-yellow,
#reg .reg_all_links #sub_banner.sales a.btn-yellow, #sub_banner.sales #modal_module_completed .modal-body h2 a.btn-yellow, #modal_module_completed .modal-body h2 #sub_banner.sales a.btn-yellow {
margin: 0;
}
}
@media (max-width: 479px) {
#sub_banner .container {
padding: 0;
}
}
#sub_banner .wrap_all {
position: relative;
margin: 0 0 -67px;
display: flex;
top: -67px;
}
@media (max-width: 991px) {
#sub_banner .wrap_all {
margin: 0 0 -30px;
top: -30px;
}
}
@media (max-width: 767px) {
#sub_banner .wrap_all {
flex-wrap: wrap;
}
}
#sub_banner .wrap_all .box {
position: relative;
width: 50%;
}
@media (max-width: 767px) {
#sub_banner .wrap_all .box {
width: 100%;
}
}
#sub_banner .wrap_all .box.left {
background: url("../img/bg.jpg") no-repeat center top;
background-size: cover;
align-items: center;
text-align: center;
display: flex;
}
#sub_banner .wrap_all .box.left .inner {
padding: 0 55px;
width: 100%;
}
@media (max-width: 991px) {
#sub_banner .wrap_all .box.left .inner {
padding: 0 15px;
}
}
@media (max-width: 767px) {
#sub_banner .wrap_all .box.left .inner {
padding: 50px 15px 60px;
}
}
#sub_banner .wrap_all .box.left h4.white_line {
font-size: 14px;
line-height: 36px;
font-weight: 700;
color: #16347c;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
text-transform: uppercase;
letter-spacing: 5px;
text-align: center;
position: absolute;
background: #fff;
width: 100%;
top: -36px;
margin: 0;
left: 0;
}
@media (max-width: 1199px) {
#sub_banner .wrap_all .box.left h4.white_line {
letter-spacing: 2px;
}
}
@media (max-width: 991px) {
#sub_banner .wrap_all .box.left h4.white_line {
font-size: 13px;
letter-spacing: 0;
}
}
@media (max-width: 767px) {
#sub_banner .wrap_all .box.left h4.white_line {
display: none;
}
}
#sub_banner .wrap_all .box.left p {
font-size: 26px;
line-height: 1.4em;
margin: -17px 0 35px;
}
@media (max-width: 1199px) {
#sub_banner .wrap_all .box.left p {
font-size: 22px;
margin: 0 0 30px;
}
}
@media (max-width: 991px) {
#sub_banner .wrap_all .box.left p {
font-size: 18px;
margin: 0 0 20px;
}
}
@media (max-width: 479px) {
#sub_banner .wrap_all .box.left p br {
display: none;
}
}
#sub_banner .wrap_all .box.left a.btn.btn-white, #sub_banner .wrap_all .box.left #reg .media_wrap_cohort .media .right a.btn-white, #reg .media_wrap_cohort .media .right #sub_banner .wrap_all .box.left a.btn-white,
#sub_banner .wrap_all .box.left #reg .reg_all_links a.btn-white,
#reg .reg_all_links #sub_banner .wrap_all .box.left a.btn-white, #sub_banner .wrap_all .box.left #modal_module_completed .modal-body h2 a.btn-white, #modal_module_completed .modal-body h2 #sub_banner .wrap_all .box.left a.btn-white {
letter-spacing: 3px;
font-size: 20px;
padding: 15px 0;
width: 100%;
}
@media (max-width: 1199px) {
#sub_banner .wrap_all .box.left a.btn.btn-white, #sub_banner .wrap_all .box.left #reg .media_wrap_cohort .media .right a.btn-white, #reg .media_wrap_cohort .media .right #sub_banner .wrap_all .box.left a.btn-white,
#sub_banner .wrap_all .box.left #reg .reg_all_links a.btn-white,
#reg .reg_all_links #sub_banner .wrap_all .box.left a.btn-white, #sub_banner .wrap_all .box.left #modal_module_completed .modal-body h2 a.btn-white, #modal_module_completed .modal-body h2 #sub_banner .wrap_all .box.left a.btn-white {
font-size: 16px;
padding: 10px 0;
}
}
@media (max-width: 1199px) {
#sub_banner .wrap_all .box.left a.btn.btn-white, #sub_banner .wrap_all .box.left #reg .media_wrap_cohort .media .right a.btn-white, #reg .media_wrap_cohort .media .right #sub_banner .wrap_all .box.left a.btn-white,
#sub_banner .wrap_all .box.left #reg .reg_all_links a.btn-white,
#reg .reg_all_links #sub_banner .wrap_all .box.left a.btn-white, #sub_banner .wrap_all .box.left #modal_module_completed .modal-body h2 a.btn-white, #modal_module_completed .modal-body h2 #sub_banner .wrap_all .box.left a.btn-white {
font-size: 14px;
padding: 8px 0;
}
}
@media (max-width: 479px) {
#sub_banner .wrap_all .box.left a.btn.btn-white, #sub_banner .wrap_all .box.left #reg .media_wrap_cohort .media .right a.btn-white, #reg .media_wrap_cohort .media .right #sub_banner .wrap_all .box.left a.btn-white,
#sub_banner .wrap_all .box.left #reg .reg_all_links a.btn-white,
#reg .reg_all_links #sub_banner .wrap_all .box.left a.btn-white, #sub_banner .wrap_all .box.left #modal_module_completed .modal-body h2 a.btn-white, #modal_module_completed .modal-body h2 #sub_banner .wrap_all .box.left a.btn-white {
letter-spacing: 0;
}
}
@media (max-width: 767px) {
#sub_banner .wrap_all .box.right {
order: -1;
}
}
ul.star_rating {
margin: 0;
}
@media (max-width: 639px) {
ul.star_rating li {
margin-right: 3px;
}
}
ul.star_rating li img.star {
height: auto;
width: 19px;
}
@media (max-width: 639px) {
ul.star_rating li img.star {
width: 15px;
}
}
@media (max-width: 479px) {
.footer_buttons {
padding: 20px 0 40px;
}
}
.footer_buttons .block_wrap:last-child {
border: none;
}
.footer_buttons a.btn, .footer_buttons #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .footer_buttons a,
.footer_buttons #reg .reg_all_links a,
#reg .reg_all_links .footer_buttons a, .footer_buttons #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 .footer_buttons a,
.footer_buttons input.btn {
font-size: 13px;
font-weight: 700;
color: #fff;
border: 2px solid transparent;
transition: all 0.3s linear;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 50px;
position: relative;
letter-spacing: 0;
overflow: hidden;
display: block;
padding: 10px;
width: 100%;
margin: 0;
}
@media (max-width: 767px) {
.footer_buttons a.btn, .footer_buttons #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .footer_buttons a,
.footer_buttons #reg .reg_all_links a,
#reg .reg_all_links .footer_buttons a, .footer_buttons #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 .footer_buttons a,
.footer_buttons input.btn {
padding: 8px;
}
}
.footer_buttons a.btn:hover, .footer_buttons #reg .media_wrap_cohort .media .right a:hover, #reg .media_wrap_cohort .media .right .footer_buttons a:hover,
.footer_buttons #reg .reg_all_links a:hover,
#reg .reg_all_links .footer_buttons a:hover, .footer_buttons #modal_module_completed .modal-body h2 a:hover, #modal_module_completed .modal-body h2 .footer_buttons a:hover,
.footer_buttons input.btn:hover {
border: 2px solid #D50204;
color: #D50204 !important;
background: transparent;
}
.footer_buttons a.btn i.fa, .footer_buttons #reg .media_wrap_cohort .media .right a i.fa, #reg .media_wrap_cohort .media .right .footer_buttons a i.fa,
.footer_buttons #reg .reg_all_links a i.fa,
#reg .reg_all_links .footer_buttons a i.fa, .footer_buttons #modal_module_completed .modal-body h2 a i.fa, #modal_module_completed .modal-body h2 .footer_buttons a i.fa,
.footer_buttons input.btn i.fa {
vertical-align: middle;
padding-right: 5px;
margin: -2px 0 0px;
line-height: 20px;
font-size: 18px;
width: initial;
}
.footer_buttons a.btn span, .footer_buttons #reg .media_wrap_cohort .media .right a span, #reg .media_wrap_cohort .media .right .footer_buttons a span,
.footer_buttons #reg .reg_all_links a span,
#reg .reg_all_links .footer_buttons a span, .footer_buttons #modal_module_completed .modal-body h2 a span, #modal_module_completed .modal-body h2 .footer_buttons a span,
.footer_buttons input.btn span {
font-family: "entypo";
padding-right: 5px;
margin: -2px 0 0px;
font-size: 20px;
width: initial;
line-height: 22px;
vertical-align: middle;
}
.footer_buttons ul {
margin: 15px -0.5% -2px;
list-style-type: none;
}
@media (max-width: 767px) {
.footer_buttons ul {
padding-left: 0 !important;
margin: 10px -0.5% 0;
}
}
.footer_buttons ul.with_descr {
margin: 32px 0 23px;
}
@media (max-width: 767px) {
.footer_buttons ul.with_descr {
padding-left: 0 !important;
margin: 0 0 20px;
}
}
.footer_buttons ul.with_descr i {
display: none;
}
.footer_buttons ul.with_descr li {
padding: 0 0px 15px 0;
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
}
@media (max-width: 767px) {
.footer_buttons ul.with_descr li {
padding: 20px 0 0;
flex-wrap: wrap;
}
}
.footer_buttons ul.with_descr li.stretch {
display: none;
}
.footer_buttons ul.with_descr .btn.btn-blue, .footer_buttons ul.with_descr #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right .footer_buttons ul.with_descr a.btn-blue,
.footer_buttons ul.with_descr #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right .footer_buttons ul.with_descr button.btn-blue, .footer_buttons ul.with_descr #reg .reg_all_links button.btn-blue, #reg .reg_all_links .footer_buttons ul.with_descr button.btn-blue,
.footer_buttons ul.with_descr #reg .reg_all_links a.btn-blue,
#reg .reg_all_links .footer_buttons ul.with_descr a.btn-blue, .footer_buttons ul.with_descr #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 .footer_buttons ul.with_descr a.btn-blue {
margin: 0;
font-size: 14px;
font-weight: 500;
padding: 9px 10px;
text-align: center;
min-width: 150px;
max-width: 150px;
margin-left: 15px;
width: 100%;
border-radius: 0;
}
@media (max-width: 639px) {
.footer_buttons ul.with_descr .btn.btn-blue, .footer_buttons ul.with_descr #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right .footer_buttons ul.with_descr a.btn-blue,
.footer_buttons ul.with_descr #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right .footer_buttons ul.with_descr button.btn-blue, .footer_buttons ul.with_descr #reg .reg_all_links button.btn-blue, #reg .reg_all_links .footer_buttons ul.with_descr button.btn-blue,
.footer_buttons ul.with_descr #reg .reg_all_links a.btn-blue,
#reg .reg_all_links .footer_buttons ul.with_descr a.btn-blue, .footer_buttons ul.with_descr #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 .footer_buttons ul.with_descr a.btn-blue {
width: 100%;
padding: 10px 20px;
margin-top: 3px;
}
}
.footer_buttons ul.with_descr .btn, .footer_buttons ul.with_descr #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .footer_buttons ul.with_descr a,
.footer_buttons ul.with_descr #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .footer_buttons ul.with_descr button, .footer_buttons ul.with_descr #reg .reg_all_links button, #reg .reg_all_links .footer_buttons ul.with_descr button,
.footer_buttons ul.with_descr #reg .reg_all_links a,
#reg .reg_all_links .footer_buttons ul.with_descr a, .footer_buttons ul.with_descr #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 .footer_buttons ul.with_descr a {
font-size: 13px;
letter-spacing: 2px;
position: absolute;
padding: 8px;
width: 130px;
top: 0;
}
@media (max-width: 767px) {
.footer_buttons ul.with_descr .btn, .footer_buttons ul.with_descr #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .footer_buttons ul.with_descr a,
.footer_buttons ul.with_descr #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .footer_buttons ul.with_descr button, .footer_buttons ul.with_descr #reg .reg_all_links button, #reg .reg_all_links .footer_buttons ul.with_descr button,
.footer_buttons ul.with_descr #reg .reg_all_links a,
#reg .reg_all_links .footer_buttons ul.with_descr a, .footer_buttons ul.with_descr #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 .footer_buttons ul.with_descr a {
position: initial;
margin: 10px 0 0;
}
}
@media (max-width: 767px) {
.footer_buttons ul .descr {
width: 100%;
}
}
.footer_buttons ul .descr h4 {
font-size: 15px;
line-height: 1.2;
font-weight: 700;
color: #D50204;
margin: 0 0 3px;
}
@media (max-width: 767px) {
.footer_buttons ul .descr h4 {
width: 100%;
}
}
.footer_buttons ul .descr p {
font-size: 13px;
line-height: 1.2;
font-weight: 600;
color: #747474;
margin: 0 0 5px;
}
.footer_buttons ul li {
display: inline-block;
padding: 7px 0.5%;
width: 33.3333%;
}
@media (max-width: 767px) {
.footer_buttons ul li {
padding: 2px 0.5%;
width: 50%;
}
}
@media (max-width: 639px) {
.footer_buttons ul li {
width: 100%;
}
}
.footer_buttons ul li.stretch {
width: 100% !important;
display: inline-block;
*display: inline;
zoom: 1;
}
.footer_buttons small {
font-size: 18px;
font-weight: 600;
color: #000;
display: table;
margin: 0;
}
@media (max-width: 991px) {
.footer_buttons small {
font-size: 16px;
}
}
@media (max-width: 767px) {
.footer_buttons small {
font-size: 14px;
}
}
.footer_buttons small b {
letter-spacing: 0px;
font-style: normal;
color: #000;
}
.countdown {
font: 100 100px "Poppins";
margin: 45px auto 13px;
display: table;
border: none;
color: #666;
}
@media (max-width: 991px) {
.countdown {
font-size: 62px;
margin: 15px auto;
}
}
@media (max-width: 767px) {
.countdown {
font-size: 48px;
}
}
@media (max-width: 639px) {
.countdown {
font-size: 36px;
margin: 0 auto 0px;
}
}
.countdown .countdown-row {
text-align: center;
padding: 13px 8px;
display: table;
width: inherit;
}
.countdown .countdown-section {
display: inline-block;
position: relative;
text-align: center;
width: 190px;
}
@media (max-width: 991px) {
.countdown .countdown-section {
width: 110px;
}
}
@media (max-width: 639px) {
.countdown .countdown-section {
width: 90px;
}
}
@media (max-width: 479px) {
.countdown .countdown-section {
width: 68px;
}
}
.countdown .countdown-section:after {
position: absolute;
content: ":";
right: -11px;
top: -7px;
}
@media (max-width: 639px) {
.countdown .countdown-section:after {
top: -4px;
}
}
@media (max-width: 479px) {
.countdown .countdown-section:after {
right: -4px;
}
}
.countdown .countdown-section:last-child:after {
display: none;
}
.countdown .countdown-section .countdown-period {
font: 600 17px "Poppins";
margin-bottom: 5px;
color: #D50204;
margin-top: -2px;
display: block;
}
@media (max-width: 639px) {
.countdown .countdown-section .countdown-period {
font-size: 13px;
}
}
#social_row {
text-align: center;
}
#social_row ul {
display: table;
margin: 0 auto;
width: 100%;
}
@media (max-width: 767px) {
#social_row ul {
width: initial;
}
}
#social_row ul li {
display: inline-block;
border-radius: 3px;
overflow: hidden;
text-align: left;
padding: 0;
width: 25%;
margin: 0;
}
@media (max-width: 767px) {
#social_row ul li {
width: initial;
}
}
#social_row ul li a {
text-decoration: none;
border-radius: 3px;
position: relative;
display: block;
margin: 0 15px;
color: #fff;
z-index: 1;
}
@media (max-width: 991px) {
#social_row ul li a {
margin: 0 5px;
}
}
@media (max-width: 767px) {
#social_row ul li a {
border-radius: 50%;
transition-property: transform;
transition-duration: 0.8s;
transform: rotate(0deg);
overflow: hidden;
}
}
#social_row ul li a:before {
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
position: absolute;
height: 100%;
z-index: -1;
content: "";
width: 0%;
left: 0;
top: 0;
}
@media (max-width: 767px) {
#social_row ul li a:before {
display: none;
}
}
@media (max-width: 767px) {
#social_row ul li a:hover {
transform: rotate(360deg);
}
}
#social_row ul li a:hover:before {
width: 100%;
}
#social_row ul li a:hover .ttl {
margin-left: -10px;
padding: 0;
}
@media (max-width: 991px) {
#social_row ul li a:hover .ttl {
margin-left: -5px;
}
}
#social_row ul li .ttl {
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
font: 700 15px "Poppins";
vertical-align: middle;
display: inline-block;
margin-bottom: 10px;
padding: 0 0 0 21px;
}
@media (max-width: 991px) {
#social_row ul li .ttl {
font-size: 13px;
padding: 0 0 0 10px;
margin-bottom: 5px;
}
}
@media (max-width: 767px) {
#social_row ul li .ttl {
display: none;
}
}
#social_row ul li:last-child {
padding: 0;
}
#social_row ul li.facebook a {
background: #344e8a;
}
#social_row ul li.facebook a:hover:before {
background: #3a579a;
}
#social_row ul li.twitter a {
background: #0099d7;
}
#social_row ul li.twitter a:hover:before {
background: #00abf0;
}
#social_row ul li.linkedin a {
background: #106ea3;
}
#social_row ul li.linkedin a:hover:before {
background: #127bb6;
}
#social_row ul li.gplus a {
background: #c8422c;
}
#social_row ul li.gplus a:hover:before {
background: #df4a32;
}
#social_row ul li .icon {
line-height: 52px;
font-size: 26px;
width: 65px;
margin: 0;
}
@media (max-width: 991px) {
#social_row ul li .icon {
font-size: 16px;
line-height: 40px;
width: 40px;
margin: 0;
}
}
@media (max-width: 767px) {
#social_row ul li .icon {
border-radius: 50%;
}
}
#social_row ul li .icon.icon-facebook {
background: #3a579a;
}
#social_row ul li .icon.icon-twitter {
background: #00abf0;
}
#social_row ul li .icon.icon-linkedin {
background: #127bb6;
}
#social_row ul li .icon.icon-gplus {
background: #df4a32;
}
#subscribe {
background: #f5f5f5;
margin: 0 0 180px;
}
@media (max-width: 767px) {
#subscribe {
margin: 0 0 120px;
}
}
#subscribe .inner {
background: url("../img/pages/subscribe/bg.jpg") no-repeat center center;
padding: 48px 25px 50px 210px;
background-size: cover;
border-radius: 5px;
position: relative;
margin: -90px 0 0;
top: 120px;
}
@media (max-width: 991px) {
#subscribe .inner {
padding: 40px 25px 40px 170px;
top: 131px;
}
}
@media (max-width: 767px) {
#subscribe .inner {
background-position: 1% center;
text-align: center;
padding: 40px 15px;
margin: -100px 0 0;
top: 160px;
}
}
@media (max-width: 639px) {
#subscribe .inner {
margin: -40px 0 0;
top: 100px;
}
}
@media (max-width: 479px) {
#subscribe .inner {
margin: -40px -15px 0;
border-radius: 0;
}
}
#subscribe img {
position: absolute;
left: 15px;
top: 64px;
}
@media (max-width: 991px) {
#subscribe img {
left: 19px;
top: 63px;
width: 160px;
}
}
@media (max-width: 767px) {
#subscribe img {
margin: 0 0 20px 0px;
position: initial;
}
}
@media (max-width: 479px) {
#subscribe img {
margin: 0 0 20px 0px;
width: 140px;
}
}
#subscribe h2 {
font-size: 30px;
line-height: 1.45;
font-weight: 700;
color: #fff;
margin: 0 0 -2px;
}
@media (max-width: 991px) {
#subscribe h2 {
font-size: 28px;
}
}
@media (max-width: 767px) {
#subscribe h2 {
font-size: 26px;
margin-bottom: 5px;
}
}
@media (max-width: 639px) {
#subscribe h2 {
font-size: 22px;
}
}
@media (max-width: 479px) {
#subscribe h2 {
font-size: 20px;
}
}
#subscribe p {
font-size: 16px;
line-height: 1.65;
font-weight: 400;
color: #fff;
margin: 0;
}
@media (max-width: 767px) {
#subscribe p {
font-size: 15px;
}
}
@media (max-width: 639px) {
#subscribe p {
font-size: 14px;
}
}
@media (max-width: 479px) {
#subscribe p br {
display: none;
}
}
#subscribe p b {
color: #e3a233;
}
#subscribe .btn, #subscribe #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #subscribe a,
#subscribe #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #subscribe button, #subscribe #reg .reg_all_links button, #reg .reg_all_links #subscribe button,
#subscribe #reg .reg_all_links a,
#reg .reg_all_links #subscribe a, #subscribe #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #subscribe a {
box-shadow: 0px 2px 57px 0px rgba(0, 0, 0, 0.57);
border-radius: 50px;
font-size: 16px;
position: absolute;
padding: 12px 46px;
letter-spacing: 0;
right: 38px;
top: 96px;
}
@media (max-width: 1199px) {
#subscribe .btn, #subscribe #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #subscribe a,
#subscribe #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #subscribe button, #subscribe #reg .reg_all_links button, #reg .reg_all_links #subscribe button,
#subscribe #reg .reg_all_links a,
#reg .reg_all_links #subscribe a, #subscribe #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #subscribe a {
top: 150px;
}
}
@media (max-width: 991px) {
#subscribe .btn, #subscribe #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #subscribe a,
#subscribe #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #subscribe button, #subscribe #reg .reg_all_links button, #reg .reg_all_links #subscribe button,
#subscribe #reg .reg_all_links a,
#reg .reg_all_links #subscribe a, #subscribe #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #subscribe a {
padding: 8px 40px;
position: initial;
margin: 15px 0 0;
}
}
@media (max-width: 767px) {
#subscribe .btn, #subscribe #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #subscribe a,
#subscribe #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #subscribe button, #subscribe #reg .reg_all_links button, #reg .reg_all_links #subscribe button,
#subscribe #reg .reg_all_links a,
#reg .reg_all_links #subscribe a, #subscribe #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #subscribe a {
margin: 25px 0 0;
}
}
#contact {
padding: 40px 0;
background: #F5F5F5;
}
@media (min-width: 1200px) {
#contact {
padding: 70px 0;
}
}
#contact .contact_block_wr:nth-last-child(n+2) {
margin-bottom: 60px;
}
@media (min-width: 768px) {
#contact .contact_block_wr:nth-last-child(n+2) {
margin-bottom: 0;
}
}
#contact .contact_block_wr .contact_block {
padding-bottom: 60px;
position: relative;
height: 100%;
}
@media (min-width: 768px) {
#contact .contact_block_wr .contact_block {
padding-bottom: 159px;
padding-left: 32px;
}
#contact .contact_block_wr .contact_block:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
border-right: 2px solid #E4E4E4;
}
}
#contact .contact_block_wr .contact_block .ttl {
font-size: 30px;
line-height: 1;
font-weight: 600;
color: #000;
margin-bottom: 18px;
}
@media (min-width: 768px) {
#contact .contact_block_wr .contact_block .ttl {
font-size: 19px;
}
}
@media (min-width: 1200px) {
#contact .contact_block_wr .contact_block .ttl {
font-size: 26px;
margin-bottom: 31px;
}
}
#contact .contact_block_wr .contact_block .txt {
font-size: 18px;
line-height: 1.65;
font-weight: 500;
color: #000;
font-family: "Inter", serif;
}
@media (min-width: 768px) {
#contact .contact_block_wr .contact_block .txt {
font-size: 16px;
}
}
@media (min-width: 1200px) {
#contact .contact_block_wr .contact_block .txt {
font-size: 16px;
letter-spacing: -0.36px;
}
}
#contact .contact_block_wr .contact_block .txt a {
color: #D50204;
transition: all ease 0.3s;
display: block;
}
#contact .contact_block_wr .contact_block .txt a:hover {
color: #000;
text-decoration: none;
}
#contact .contact_block_wr .contact_block .btn, #contact .contact_block_wr .contact_block #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #contact .contact_block_wr .contact_block a,
#contact .contact_block_wr .contact_block #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #contact .contact_block_wr .contact_block button, #contact .contact_block_wr .contact_block #reg .reg_all_links button, #reg .reg_all_links #contact .contact_block_wr .contact_block button,
#contact .contact_block_wr .contact_block #reg .reg_all_links a,
#reg .reg_all_links #contact .contact_block_wr .contact_block a, #contact .contact_block_wr .contact_block #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #contact .contact_block_wr .contact_block a {
transition: all ease 0.3s;
width: 100%;
max-width: 355px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 3px;
background: #D50204;
height: 48px;
color: #fff;
text-transform: uppercase;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
}
#contact .contact_block_wr .contact_block .btn:hover, #contact .contact_block_wr .contact_block #reg .media_wrap_cohort .media .right a:hover, #reg .media_wrap_cohort .media .right #contact .contact_block_wr .contact_block a:hover,
#contact .contact_block_wr .contact_block #reg .media_wrap_cohort .media .right button:hover,
#reg .media_wrap_cohort .media .right #contact .contact_block_wr .contact_block button:hover, #contact .contact_block_wr .contact_block #reg .reg_all_links button:hover, #reg .reg_all_links #contact .contact_block_wr .contact_block button:hover,
#contact .contact_block_wr .contact_block #reg .reg_all_links a:hover,
#reg .reg_all_links #contact .contact_block_wr .contact_block a:hover, #contact .contact_block_wr .contact_block #modal_module_completed .modal-body h2 a:hover, #modal_module_completed .modal-body h2 #contact .contact_block_wr .contact_block a:hover {
opacity: 0.65;
}
@media (min-width: 768px) {
#contact .contact_block_wr .contact_block .btn, #contact .contact_block_wr .contact_block #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #contact .contact_block_wr .contact_block a,
#contact .contact_block_wr .contact_block #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #contact .contact_block_wr .contact_block button, #contact .contact_block_wr .contact_block #reg .reg_all_links button, #reg .reg_all_links #contact .contact_block_wr .contact_block button,
#contact .contact_block_wr .contact_block #reg .reg_all_links a,
#reg .reg_all_links #contact .contact_block_wr .contact_block a, #contact .contact_block_wr .contact_block #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #contact .contact_block_wr .contact_block a {
left: 35px;
transform: unset;
max-width: 180px;
}
}
@media (min-width: 1200px) {
#contact .contact_block_wr .contact_block .btn, #contact .contact_block_wr .contact_block #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #contact .contact_block_wr .contact_block a,
#contact .contact_block_wr .contact_block #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #contact .contact_block_wr .contact_block button, #contact .contact_block_wr .contact_block #reg .reg_all_links button, #reg .reg_all_links #contact .contact_block_wr .contact_block button,
#contact .contact_block_wr .contact_block #reg .reg_all_links a,
#reg .reg_all_links #contact .contact_block_wr .contact_block a, #contact .contact_block_wr .contact_block #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #contact .contact_block_wr .contact_block a {
height: 40px;
}
}
header {
position: relative;
z-index: 30;
}
header.small .logo_wrap {
position: relative;
width: 105px;
height: 36px;
margin-top: 20px;
display: block;
}
@media (max-width: 767px) {
header.small .logo_wrap {
margin: 0 15px;
}
}
header.small .logo_wrap .logo {
max-width: 120px;
}
header.small .white {
display: none;
}
header.small .products_menu_link {
color: #fff;
}
header.small .products_menu_link .costum_icon span {
background: #fff;
}
header .logo_coaching_wrap {
margin-left: 30px;
height: 100%;
display: flex;
align-items: center;
align-content: center;
justify-content: flex-start;
}
header .logo_wrap {
margin: 0 auto;
display: table;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
height: 100%;
max-width: 195px;
}
@media (max-width: 767px) {
header .logo_wrap {
justify-content: flex-start;
}
}
header img.logo_coaching {
padding: 4px 0;
max-width: 200px;
width: 100%;
}
@media (max-width: 991px) {
header img.logo_coaching {
padding: 10px 0;
}
}
@media (max-width: 767px) {
header img.logo_coaching {
max-width: 105px;
}
}
header img.logo {
padding: 4px 0;
max-width: 130px;
width: 100%;
}
@media (max-width: 991px) {
header img.logo {
padding: 10px 0;
}
}
@media (max-width: 767px) {
header img.logo {
max-width: 105px;
}
}
@media (max-width: 767px) {
header .sm_hide {
display: none;
}
}
header .sm_show {
border-bottom: 1px solid #e0e0e0;
background: #f5f5f5;
display: none;
}
@media (max-width: 767px) {
header .sm_show {
display: block;
}
}
header .sm_show .logo_wrap {
margin: 0 15px;
}
header .top_row {
overflow: hidden;
}
header .top_row .ui_wrap {
display: flex;
justify-content: flex-end;
}
header .top_row .progress_ring_wrap {
padding-right: 15px;
}
header .top_row .progress_ring_wrap > a {
text-decoration: initial !important;
}
header .top_row .progress_ring_wrap .col-auto {
padding: initial;
}
header .top_row .progress_ring_wrap .progress_circle {
margin-top: 11px;
position: relative;
cursor: pointer;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
transition: all ease 0.3s;
}
header .top_row .progress_ring_wrap .progress_circle:hover {
opacity: 1;
}
header .top_row .progress_ring_wrap .progress_circle.initialized {
pointer-events: none;
}
header .top_row .progress_ring_wrap .progress_circle span {
line-height: 1.2;
text-align: center;
font-size: 14px;
font-weight: 500;
padding-top: 3px;
text-transform: capitalize;
color: #000;
}
header .top_row .progress_ring_wrap .progress_circle span br {
display: none;
}
header .top_row .progress_ring_wrap .progress_circle .progress_ring {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
header .top_row .progress_ring_wrap .progress_circle .progress_ring .progress_bg {
stroke: #D50204;
transform: rotate(-90deg);
transform-origin: 60px;
}
header .top_row .progress_wrap {
position: relative;
margin: 10px 17px 0 8px;
cursor: pointer;
}
@media (max-width: 991px) {
header .top_row .progress_wrap {
transform: scale(0.8);
margin-top: 5px;
margin-right: -5px;
margin-left: -5px;
}
}
header .top_row .progress_wrap .progress {
width: 50px;
height: 50px;
}
header .top_row .progress_wrap .progress .progress-value {
font-size: 11px;
}
header .top_row .progress_wrap .progress .progress-value .h2 {
position: relative;
top: 2px;
font-size: 11px;
font-weight: 500;
letter-spacing: -0.2px;
color: #828282;
}
header .top_row .progress_wrap .progress .progress-value span {
display: none;
}
header .top_row .progress_wrap .progress:after {
width: 45px;
height: 45px;
}
header .top_row .progress_wrap .progress .progress-bar {
width: 23px;
height: 46px;
}
header .top_row .progress_wrap .progress .progress-bar:after {
display: none;
}
header .top_row .progress_wrap .progress .progress-left .progress-bar {
left: 100%;
}
header .top_row .progress_wrap .progress .progress-right .progress-bar {
left: -23px;
}
@media (min-width: 768px) {
header .wrap_sm_nav.collapse {
display: block;
}
}
@media (max-width: 767px) {
header .wrap_sm_nav {
border-bottom: 1px solid #e0e0e0;
position: absolute;
background: #fff;
width: 100%;
}
}
header .btn.continued, header #reg .media_wrap_cohort .media .right a.continued, #reg .media_wrap_cohort .media .right header a.continued,
header #reg .media_wrap_cohort .media .right button.continued,
#reg .media_wrap_cohort .media .right header button.continued, header #reg .reg_all_links button.continued, #reg .reg_all_links header button.continued,
header #reg .reg_all_links a.continued,
#reg .reg_all_links header a.continued, header #modal_module_completed .modal-body h2 a.continued, #modal_module_completed .modal-body h2 header a.continued {
letter-spacing: 0px;
border-radius: 5px;
padding: 5px 18px;
margin: -12px 0 0;
font-weight: 500;
}
@media (max-width: 991px) {
header .btn.continued, header #reg .media_wrap_cohort .media .right a.continued, #reg .media_wrap_cohort .media .right header a.continued,
header #reg .media_wrap_cohort .media .right button.continued,
#reg .media_wrap_cohort .media .right header button.continued, header #reg .reg_all_links button.continued, #reg .reg_all_links header button.continued,
header #reg .reg_all_links a.continued,
#reg .reg_all_links header a.continued, header #modal_module_completed .modal-body h2 a.continued, #modal_module_completed .modal-body h2 header a.continued {
font-size: 12px;
padding: 3px 8px;
}
}
@media (max-width: 639px) {
header .btn.continued, header #reg .media_wrap_cohort .media .right a.continued, #reg .media_wrap_cohort .media .right header a.continued,
header #reg .media_wrap_cohort .media .right button.continued,
#reg .media_wrap_cohort .media .right header button.continued, header #reg .reg_all_links button.continued, #reg .reg_all_links header button.continued,
header #reg .reg_all_links a.continued,
#reg .reg_all_links header a.continued, header #modal_module_completed .modal-body h2 a.continued, #modal_module_completed .modal-body h2 header a.continued {
display: none;
}
}
.page-template-mmbrs-cohorts header {
display: none;
}
#sm_nav_trigger {
font-size: 36px;
line-height: 54px;
font-weight: 100;
color: #767676;
transition: all 0.3s linear;
text-align: center;
display: block;
float: right;
width: 54px;
height: 54px;
}
#sm_nav_trigger:hover {
text-decoration: none;
color: #fd0d10;
background: #fff;
}
#sm_nav_trigger .icon-menu {
font-size: 100%;
padding: 0;
margin: 0;
}
#sm_nav_trigger .icon-menu {
display: none;
}
#sm_nav_trigger.collapsed .icon-menu {
display: initial;
}
#sm_nav_trigger.collapsed .icon-cancel {
display: none;
}
.products_menu_link {
font-size: 16px;
line-height: 1em;
font-weight: 500;
color: #767676;
padding: 23px 23px 20px 25px;
transition: all 0.3s linear;
display: inline-block;
cursor: pointer;
}
@media (max-width: 991px) {
.products_menu_link {
padding: 20px 15px 20px 15px;
font-size: 14px;
}
}
.products_menu_link:hover {
text-decoration: none;
color: #fd0d10;
background: #fff;
color: #D50204 !important;
}
.products_menu_link:hover .costum_icon .line {
background: #fd0d10;
}
.products_menu_link .costum_icon {
vertical-align: middle;
display: inline-block;
margin: 0 9px 0 0;
width: 26px;
}
@media (max-width: 991px) {
.products_menu_link .costum_icon {
margin: 0 5px 0 0;
width: 18px;
}
}
.products_menu_link .costum_icon .line {
transition: all 0.3s linear;
background: #535353;
margin: 0 0 4px;
display: table;
height: 5px;
width: 100%;
}
@media (max-width: 991px) {
.products_menu_link .costum_icon .line {
margin: 0 0 3px;
height: 3px;
}
}
.products_menu_link .costum_icon .line:first-child {
width: 16px;
}
@media (max-width: 991px) {
.products_menu_link .costum_icon .line:first-child {
width: 12px;
}
}
.products_menu_link .costum_icon .line:last-child {
width: 21px;
}
@media (max-width: 991px) {
.products_menu_link .costum_icon .line:last-child {
width: 15px;
}
}
.search_modal_trigger {
font-size: 30px;
line-height: 1em;
font-weight: 100;
color: #D50204;
transition: all 0.3s linear;
padding: 17px 5px;
}
@media (max-width: 991px) {
.search_modal_trigger {
font-size: 22px;
padding: 16px 15px;
}
}
.search_modal_trigger:hover {
text-decoration: none;
color: #fd0d10;
background: #fff;
}
.search_modal_trigger span {
position: relative;
top: 2px;
}
#modal_progress_graduation .prog_wrap {
pointer-events: none;
}
#modal_progress_graduation .modal-content {
border-radius: 4px;
}
#modal_progress_graduation .modal-header {
background: none;
border: none;
height: 0;
padding: 0;
}
#modal_progress_graduation .modal-header .close {
color: #D50204;
font-weight: 400;
font-size: 28px;
padding: 12px;
}
#modal_progress_graduation .modal-body {
padding: 60px 50px 50px;
}
#modal_progress_header .prog_wrap {
pointer-events: none;
}
#modal_progress_header .modal-content {
border-radius: 4px;
}
#modal_progress_header .modal-header {
background: none;
border: none;
height: 0;
}
#modal_progress_header .modal-header .close {
color: #D50204;
font-weight: 400;
font-size: 28px;
padding: 12px;
}
#modal_progress_header .modal-body {
padding: 0px 30px 40px;
}
@media (max-width: 639px) {
#modal_progress_header .modal-body {
padding: 0 15px 30px;
}
}
#modal_progress_header .modal-body .progress_wrap {
margin: 20px auto 20px;
}
#modal_progress_header .modal-body .progress_wrap .progress-bar:after {
background: #D50204 !important;
}
#modal_progress_header .modal-body .progress_wrap .progress-value .h2 {
font-size: 22px;
margin-bottom: 2px;
color: #D50204;
}
#modal_progress_header .modal-body .progress_wrap .progress-value span {
font-size: 12px;
color: #828282;
}
#modal_progress_header .modal-body h3 {
text-align: center;
font-size: 18px;
font-weight: 500;
margin-bottom: 30px;
}
#modal_progress_header .modal-body .tasks_wrap {
border: 1px solid #eee;
max-height: 510px;
overflow-y: scroll;
position: relative;
/* Scrollbar Styling */
}
#modal_progress_header .modal-body .tasks_wrap::-webkit-scrollbar {
width: 10px;
}
#modal_progress_header .modal-body .tasks_wrap::-webkit-scrollbar-track {
background-color: #fff;
border-radius: 0 4px 4px 0;
overflow: hidden;
}
#modal_progress_header .modal-body .tasks_wrap::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #e0e0e0;
}
#modal_progress_header .modal-body ul.tasks {
list-style: none;
padding: 0 30px;
margin: 0;
}
@media (max-width: 991px) {
#modal_progress_header .modal-body ul.tasks {
padding: 0 22px;
}
}
@media (max-width: 767px) {
#modal_progress_header .modal-body ul.tasks {
padding: 0 20px;
}
}
@media (max-width: 639px) {
#modal_progress_header .modal-body ul.tasks {
padding: 0 15px;
}
}
#modal_progress_header .modal-body ul.tasks:last-child > li:last-child {
border-bottom: none;
}
#modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass .btn, #modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass a,
#modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass button, #modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass #reg .reg_all_links button, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass button,
#modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass #reg .reg_all_links a,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass a, #modal_progress_header #modal_module_completed .modal-body ul.tasks .tc_sssn_confirm .check_pass h2 a, #modal_module_completed #modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass h2 a, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks .tc_sssn_confirm .check_pass a, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks .tc_sssn_confirm .check_pass a {
font-size: 20px;
letter-spacing: 4px;
margin: 10px 0 0;
font-size: 20px;
padding: 18px;
width: 100%;
}
@media (max-width: 991px) {
#modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass .btn, #modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass a,
#modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass button, #modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass #reg .reg_all_links button, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass button,
#modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass #reg .reg_all_links a,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass a, #modal_progress_header #modal_module_completed .modal-body ul.tasks .tc_sssn_confirm .check_pass h2 a, #modal_module_completed #modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass h2 a, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks .tc_sssn_confirm .check_pass a, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks .tc_sssn_confirm .check_pass a {
font-size: 16px;
padding: 12px;
}
}
#modal_progress_header .modal-body ul.tasks.inner {
padding: 20px 0 20px 20px;
margin-top: 10px;
}
@media (max-width: 1199px) {
#modal_progress_header .modal-body ul.tasks.inner {
padding: 15px 0 0 25px;
}
}
@media (max-width: 991px) {
#modal_progress_header .modal-body ul.tasks.inner {
padding: 15px 0 0 15px;
}
}
@media (max-width: 767px) {
#modal_progress_header .modal-body ul.tasks.inner {
padding: 15px 0 0;
}
}
#modal_progress_header .modal-body ul.tasks.inner li {
margin: 0 0 10px;
min-height: 0;
border: none;
padding: 0;
}
@media (max-width: 767px) {
#modal_progress_header .modal-body ul.tasks.inner li {
text-align: left;
}
}
#modal_progress_header .modal-body ul.tasks.inner li a {
text-decoration: none;
}
#modal_progress_header .modal-body ul.tasks.inner li a .ttl {
font-size: 15px;
line-height: 1.45em;
font-weight: 400;
color: #000;
margin: 0 0 5px;
width: 645px;
}
@media (max-width: 1199px) {
#modal_progress_header .modal-body ul.tasks.inner li a .ttl {
font-size: 15px;
width: 575px;
}
}
@media (max-width: 991px) {
#modal_progress_header .modal-body ul.tasks.inner li a .ttl {
font-size: 15px;
width: 395px;
}
}
@media (max-width: 767px) {
#modal_progress_header .modal-body ul.tasks.inner li a .ttl {
font-size: 14px;
width: 370px;
}
}
@media (max-width: 639px) {
#modal_progress_header .modal-body ul.tasks.inner li a .ttl {
font-size: 13px;
width: 100%;
margin: 0;
}
}
#modal_progress_header .modal-body ul.tasks.inner li a .ttl:hover {
color: #D50204;
}
@media (max-width: 767px) {
#modal_progress_header .modal-body ul.tasks.inner li a .date {
margin: 0;
width: 100%;
}
}
#modal_progress_header .modal-body ul.tasks li {
border-bottom: 1px solid #eeeeee;
padding: 26px 0;
}
@media (max-width: 1199px) {
#modal_progress_header .modal-body ul.tasks li {
padding: 20px 0;
}
}
@media (max-width: 639px) {
#modal_progress_header .modal-body ul.tasks li {
padding: 15px 0;
}
}
#modal_progress_header .modal-body ul.tasks li .inner-top {
align-items: center;
min-height: 41px;
display: flex;
}
@media (max-width: 767px) {
#modal_progress_header .modal-body ul.tasks li .inner-top {
align-items: flex-start;
flex-direction: column;
text-align: left;
}
}
#modal_progress_header .modal-body ul.tasks li.disabled .btn, #modal_progress_header .modal-body ul.tasks li.disabled #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li.disabled a,
#modal_progress_header .modal-body ul.tasks li.disabled #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li.disabled button, #modal_progress_header .modal-body ul.tasks li.disabled #reg .reg_all_links button, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks li.disabled button,
#modal_progress_header .modal-body ul.tasks li.disabled #reg .reg_all_links a,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks li.disabled a, #modal_progress_header #modal_module_completed .modal-body ul.tasks li.disabled h2 a, #modal_module_completed #modal_progress_header .modal-body ul.tasks li.disabled h2 a, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks li.disabled a, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks li.disabled a {
pointer-events: none;
cursor: not-allowed;
opacity: 0.3;
}
#modal_progress_header .modal-body ul.tasks li.points_1 .s {
display: none;
}
#modal_progress_header .modal-body ul.tasks li.completed .ttl b {
display: none;
}
#modal_progress_header .modal-body ul.tasks li.completed .btn_wrap .btn.btn-blue, #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap a.btn-blue,
#modal_progress_header .modal-body ul.tasks li.completed .btn_wrap #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap button.btn-blue, #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap #reg .reg_all_links button.btn-blue, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap button.btn-blue,
#modal_progress_header .modal-body ul.tasks li.completed .btn_wrap #reg .reg_all_links a.btn-blue,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap a.btn-blue, #modal_progress_header #modal_module_completed .modal-body ul.tasks li.completed .btn_wrap h2 a.btn-blue, #modal_module_completed #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap h2 a.btn-blue, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks li.completed .btn_wrap a.btn-blue, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks li.completed .btn_wrap a.btn-blue {
display: none;
}
#modal_progress_header .modal-body ul.tasks li.completed .btn_wrap .btn.btn-done, #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap #reg .media_wrap_cohort .media .right a.btn-done, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap a.btn-done,
#modal_progress_header .modal-body ul.tasks li.completed .btn_wrap #reg .media_wrap_cohort .media .right button.btn-done,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap button.btn-done, #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap #reg .reg_all_links button.btn-done, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap button.btn-done,
#modal_progress_header .modal-body ul.tasks li.completed .btn_wrap #reg .reg_all_links a.btn-done,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap a.btn-done, #modal_progress_header #modal_module_completed .modal-body ul.tasks li.completed .btn_wrap h2 a.btn-done, #modal_module_completed #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap h2 a.btn-done, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks li.completed .btn_wrap a.btn-done, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks li.completed .btn_wrap a.btn-done {
display: table;
}
#modal_progress_header .modal-body ul.tasks li.completed .btn_wrap .btn.btn-secondary, #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap #reg .media_wrap_cohort .media .right a.btn-secondary, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap a.btn-secondary,
#modal_progress_header .modal-body ul.tasks li.completed .btn_wrap #reg .media_wrap_cohort .media .right button.btn-secondary,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap button.btn-secondary, #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap #reg .reg_all_links button.btn-secondary, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap button.btn-secondary,
#modal_progress_header .modal-body ul.tasks li.completed .btn_wrap #reg .reg_all_links a.btn-secondary,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap a.btn-secondary, #modal_progress_header #modal_module_completed .modal-body ul.tasks li.completed .btn_wrap h2 a.btn-secondary, #modal_module_completed #modal_progress_header .modal-body ul.tasks li.completed .btn_wrap h2 a.btn-secondary, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks li.completed .btn_wrap a.btn-secondary, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks li.completed .btn_wrap a.btn-secondary {
display: none;
}
#modal_progress_header .modal-body ul.tasks li.completed .modal .wrap_inputs {
display: none;
}
#modal_progress_header .modal-body ul.tasks li .ttl {
font-size: 18px;
line-height: 1.3;
font-weight: 500;
color: #000;
vertical-align: middle;
display: inline-block;
padding-right: 20px;
width: 390px;
}
@media (max-width: 1199px) {
#modal_progress_header .modal-body ul.tasks li .ttl {
font-size: 18px;
width: 500px;
}
}
@media (max-width: 991px) {
#modal_progress_header .modal-body ul.tasks li .ttl {
font-size: 16px;
width: 410px;
}
}
@media (max-width: 767px) {
#modal_progress_header .modal-body ul.tasks li .ttl {
width: 100%;
}
}
@media (max-width: 639px) {
#modal_progress_header .modal-body ul.tasks li .ttl {
font-size: 15px;
}
}
#modal_progress_header .modal-body ul.tasks li .ttl b {
font-size: 18px;
color: #D50204;
}
@media (max-width: 991px) {
#modal_progress_header .modal-body ul.tasks li .ttl b {
font-size: 16px;
}
}
@media (max-width: 767px) {
#modal_progress_header .modal-body ul.tasks li .ttl b {
margin: 2px auto 15px;
display: table;
width: 100%;
}
}
#modal_progress_header .modal-body ul.tasks li .date {
font-size: 13px;
font-weight: 400;
font-style: italic;
color: #555;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
margin: 0 15px 0 0;
width: 130px;
}
@media (max-width: 1199px) {
#modal_progress_header .modal-body ul.tasks li .date {
width: 109px;
}
}
@media (max-width: 767px) {
#modal_progress_header .modal-body ul.tasks li .date {
margin: 10px 0 0;
width: 100%;
}
}
#modal_progress_header .modal-body ul.tasks li .btn_wrap {
vertical-align: middle;
display: inline-block;
margin: 0;
}
@media (max-width: 767px) {
#modal_progress_header .modal-body ul.tasks li .btn_wrap {
text-align: left;
}
}
#modal_progress_header .modal-body ul.tasks li .btn_wrap .points {
margin: 0;
}
#modal_progress_header .modal-body ul.tasks li .btn_wrap .icon-cancel {
font-size: 21px;
}
#modal_progress_header .modal-body ul.tasks li .btn_wrap .btn, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap a,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap button, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links button, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap button,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links a,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap a, #modal_progress_header #modal_module_completed .modal-body ul.tasks li .btn_wrap h2 a, #modal_module_completed #modal_progress_header .modal-body ul.tasks li .btn_wrap h2 a, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks li .btn_wrap a, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks li .btn_wrap a {
font-size: 16px;
color: #fff;
border-radius: 3px;
letter-spacing: 0;
text-align: center;
padding: 12px;
width: 165px;
margin: 0;
border-radius: 30px;
}
@media (max-width: 1199px) {
#modal_progress_header .modal-body ul.tasks li .btn_wrap .btn, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap a,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap button, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links button, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap button,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links a,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap a, #modal_progress_header #modal_module_completed .modal-body ul.tasks li .btn_wrap h2 a, #modal_module_completed #modal_progress_header .modal-body ul.tasks li .btn_wrap h2 a, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks li .btn_wrap a, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks li .btn_wrap a {
padding: 10px;
width: 155px;
}
}
@media (max-width: 991px) {
#modal_progress_header .modal-body ul.tasks li .btn_wrap .btn, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap a,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap button, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links button, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap button,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links a,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap a, #modal_progress_header #modal_module_completed .modal-body ul.tasks li .btn_wrap h2 a, #modal_module_completed #modal_progress_header .modal-body ul.tasks li .btn_wrap h2 a, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks li .btn_wrap a, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks li .btn_wrap a {
font-size: 12px;
letter-spacing: 0;
padding: 8px;
width: 130px;
}
}
@media (max-width: 767px) {
#modal_progress_header .modal-body ul.tasks li .btn_wrap .btn, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap a,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap button, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links button, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap button,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links a,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap a, #modal_progress_header #modal_module_completed .modal-body ul.tasks li .btn_wrap h2 a, #modal_module_completed #modal_progress_header .modal-body ul.tasks li .btn_wrap h2 a, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks li .btn_wrap a, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks li .btn_wrap a {
margin: 15px 0 0;
padding: 12px 40px;
width: auto;
}
}
#modal_progress_header .modal-body ul.tasks li .btn_wrap .btn.btn-done, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a.btn-done, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap a.btn-done,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button.btn-done,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap button.btn-done, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links button.btn-done, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap button.btn-done,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links a.btn-done,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap a.btn-done, #modal_progress_header #modal_module_completed .modal-body ul.tasks li .btn_wrap h2 a.btn-done, #modal_module_completed #modal_progress_header .modal-body ul.tasks li .btn_wrap h2 a.btn-done, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks li .btn_wrap a.btn-done, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks li .btn_wrap a.btn-done {
font-size: 16px;
color: #D50204;
text-align: center;
pointer-events: none;
letter-spacing: 0;
display: none;
cursor: none;
padding: 0;
}
@media (max-width: 1199px) {
#modal_progress_header .modal-body ul.tasks li .btn_wrap .btn.btn-done, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a.btn-done, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap a.btn-done,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button.btn-done,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap button.btn-done, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links button.btn-done, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap button.btn-done,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links a.btn-done,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap a.btn-done, #modal_progress_header #modal_module_completed .modal-body ul.tasks li .btn_wrap h2 a.btn-done, #modal_module_completed #modal_progress_header .modal-body ul.tasks li .btn_wrap h2 a.btn-done, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks li .btn_wrap a.btn-done, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks li .btn_wrap a.btn-done {
font-size: 14px;
}
}
@media (max-width: 991px) {
#modal_progress_header .modal-body ul.tasks li .btn_wrap .btn.btn-done, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a.btn-done, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap a.btn-done,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button.btn-done,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap button.btn-done, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links button.btn-done, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap button.btn-done,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links a.btn-done,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap a.btn-done, #modal_progress_header #modal_module_completed .modal-body ul.tasks li .btn_wrap h2 a.btn-done, #modal_module_completed #modal_progress_header .modal-body ul.tasks li .btn_wrap h2 a.btn-done, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks li .btn_wrap a.btn-done, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks li .btn_wrap a.btn-done {
font-size: 12px;
text-align: left;
}
}
#modal_progress_header .modal-body ul.tasks li .btn_wrap .btn.btn-done .icon-check, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a.btn-done .icon-check, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap a.btn-done .icon-check,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button.btn-done .icon-check,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li .btn_wrap button.btn-done .icon-check, #modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links button.btn-done .icon-check, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap button.btn-done .icon-check,
#modal_progress_header .modal-body ul.tasks li .btn_wrap #reg .reg_all_links a.btn-done .icon-check,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks li .btn_wrap a.btn-done .icon-check, #modal_progress_header #modal_module_completed .modal-body ul.tasks li .btn_wrap h2 a.btn-done .icon-check, #modal_module_completed #modal_progress_header .modal-body ul.tasks li .btn_wrap h2 a.btn-done .icon-check, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks li .btn_wrap a.btn-done .icon-check, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks li .btn_wrap a.btn-done .icon-check {
font-size: 17px;
font-weight: 100;
color: #66ab26;
margin: 0 4px 0 0;
}
#modal_progress_header .modal-body ul.tasks li.not_attended .btn, #modal_progress_header .modal-body ul.tasks li.not_attended #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li.not_attended a,
#modal_progress_header .modal-body ul.tasks li.not_attended #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li.not_attended button, #modal_progress_header .modal-body ul.tasks li.not_attended #reg .reg_all_links button, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks li.not_attended button,
#modal_progress_header .modal-body ul.tasks li.not_attended #reg .reg_all_links a,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks li.not_attended a, #modal_progress_header #modal_module_completed .modal-body ul.tasks li.not_attended h2 a, #modal_module_completed #modal_progress_header .modal-body ul.tasks li.not_attended h2 a, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks li.not_attended a, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks li.not_attended a {
background: none;
color: #D50204 !important;
padding: 0;
cursor: initial;
}
#modal_progress_header .modal-body ul.tasks li.not_attended .btn span, #modal_progress_header .modal-body ul.tasks li.not_attended #reg .media_wrap_cohort .media .right a span, #reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li.not_attended a span,
#modal_progress_header .modal-body ul.tasks li.not_attended #reg .media_wrap_cohort .media .right button span,
#reg .media_wrap_cohort .media .right #modal_progress_header .modal-body ul.tasks li.not_attended button span, #modal_progress_header .modal-body ul.tasks li.not_attended #reg .reg_all_links button span, #reg .reg_all_links #modal_progress_header .modal-body ul.tasks li.not_attended button span,
#modal_progress_header .modal-body ul.tasks li.not_attended #reg .reg_all_links a span,
#reg .reg_all_links #modal_progress_header .modal-body ul.tasks li.not_attended a span, #modal_progress_header #modal_module_completed .modal-body ul.tasks li.not_attended h2 a span, #modal_module_completed #modal_progress_header .modal-body ul.tasks li.not_attended h2 a span, #modal_progress_header #modal_module_completed .modal-body h2 ul.tasks li.not_attended a span, #modal_module_completed #modal_progress_header .modal-body h2 ul.tasks li.not_attended a span {
color: #D50204 !important;
}
#modal_progress_header .modal-body ul.tasks li.not_attended .icon-cancel {
position: relative;
top: 2px;
font-weight: 400;
color: red !important;
}
#modal_graduated .modal-content,
#modal_congrats .modal-content {
border-radius: 4px;
}
#modal_graduated .modal-header,
#modal_congrats .modal-header {
background: none;
border: none;
height: 0;
padding: 0;
}
#modal_graduated .modal-header .close,
#modal_congrats .modal-header .close {
color: #D50204;
font-weight: 400;
font-size: 28px;
padding: 12px;
}
@media (max-width: 767px) {
#modal_graduated .modal-header .close,
#modal_congrats .modal-header .close {
top: 15px;
right: 20px;
}
}
#modal_graduated .modal-body,
#modal_congrats .modal-body {
text-align: center;
padding: 60px 30px 60px;
}
@media (max-width: 991px) {
#modal_graduated .modal-body,
#modal_congrats .modal-body {
padding: 30px 15px 30px;
}
}
#modal_graduated .modal-body .icon-check,
#modal_congrats .modal-body .icon-check {
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background: #f2f2f2;
margin: 0 auto;
border-radius: 50px;
color: #01a860;
font-size: 32px;
}
#modal_graduated .modal-body h3,
#modal_congrats .modal-body h3 {
font-size: 18px;
font-weight: 500;
margin: 25px 0 30px;
}
@media (max-width: 991px) {
#modal_graduated .modal-body h3,
#modal_congrats .modal-body h3 {
margin: 20px 0 30px;
}
}
#modal_graduated .modal-body .btn-blue,
#modal_congrats .modal-body .btn-blue {
border-radius: 50px;
color: #fff;
font-size: 15px;
padding: 16px 50px;
}
.notifications_trigger {
font-size: 36px;
line-height: 1em;
font-weight: 100;
color: #D50204;
transition: all 0.3s linear;
display: inline-block;
padding: 15px 28px;
position: relative;
margin-left: -14px;
}
@media (max-width: 991px) {
.notifications_trigger {
font-size: 32px;
padding: 10px 15px;
}
}
.notifications_trigger:hover {
text-decoration: none;
color: #D50204;
}
.notifications_trigger img {
max-width: 25px;
max-height: 20px;
}
.notifications_trigger .notifications_count {
font-size: 11px;
line-height: 18px;
font-weight: 700;
color: red;
background: #ff0000;
text-align: center;
border-radius: 50%;
position: absolute;
padding: 0 1px 0 0;
width: 17px;
height: 17px;
right: 22px;
top: 18px;
border: 2px solid #fff;
}
@media (max-width: 991px) {
.notifications_trigger .notifications_count {
font-size: 10px;
line-height: 16px;
width: 16px;
height: 16px;
right: 12px;
top: 12px;
}
}
.my_acc_wrap {
transition: all 0.3s linear;
float: right;
padding: 0;
margin: 0;
}
.my_acc_wrap:hover {
background: #fff;
}
.my_acc_wrap .btn_my_acc {
font-size: 18px;
font-weight: 100;
color: #D50204;
padding: 12px 30px 12px 5px;
}
@media (max-width: 991px) {
.my_acc_wrap .btn_my_acc {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
padding: 12px 10px 12px 15px;
min-width: 77px;
height: 100%;
}
}
.my_acc_wrap .btn_my_acc.active:focus, .my_acc_wrap .btn_my_acc:focus, .my_acc_wrap .btn_my_acc:hover {
color: #D50204;
}
.my_acc_wrap .btn_my_acc.active {
-webkit-box-shadow: none;
box-shadow: none;
}
.my_acc_wrap .btn_my_acc.active .icon-up-open {
display: inline-block;
}
.my_acc_wrap .btn_my_acc.active .icon-down-open {
display: none;
}
.my_acc_wrap .btn_my_acc .icon-up-open {
display: none;
}
.my_acc_wrap img {
border-radius: 50%;
height: auto;
width: 46px;
padding: 0;
margin: 0;
}
@media (max-width: 991px) {
.my_acc_wrap img {
width: 30px;
padding: 0;
}
}
.my_acc_popover.bs-popover-bottom {
margin: 14px 0 0 0;
width: 220px;
right: 15px;
}
.my_acc_popover.bs-popover-bottom > .arrow:after {
border-bottom-color: #D50204;
}
.my_acc_popover .popover-body {
padding: 0;
}
.my_acc_popover a.upgrade {
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
font-size: 0px;
font-weight: 700;
color: #fff;
background: #D50204;
text-decoration: none;
letter-spacing: 1px;
position: relative;
padding: 2px 15px;
display: block;
}
.my_acc_popover a.upgrade:hover {
background: #fd0d10;
}
.my_acc_popover ul {
list-style: none;
padding: 0;
margin: 0;
}
.my_acc_popover ul li {
border-bottom: 1px solid #eee;
font: 400 11px "Poppins";
position: relative;
color: #a1a1a1;
}
.my_acc_popover ul li img {
margin: -15px 14px 0px -14px;
border-radius: 50%;
padding: 7px;
float: left;
width: 50px;
}
@media (max-width: 991px) {
.my_acc_popover ul li img {
margin: -6px 8px 0 0;
width: 30px;
padding: 0;
}
}
.my_acc_popover ul li a {
font: 500 14px "Poppins";
padding: 16px 0 16px 13px;
position: relative;
display: block;
color: #828282;
}
@media (max-width: 991px) {
.my_acc_popover ul li a {
padding: 12px 0 12px 12px;
}
}
.my_acc_popover ul li a [class*=" icon-"] {
position: absolute;
font-size: 17px;
right: 13px;
top: 15px;
}
.my_acc_popover ul li a.with_sep {
position: relative;
}
.my_acc_popover ul li a.with_sep:before {
border-right: 1px solid #ddd;
position: absolute;
display: block;
height: 100%;
content: "";
left: 49px;
top: 0;
}
#search_form {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
transition: all 0.5s ease-in-out;
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
}
#search_form div {
height: 100%;
width: 100%;
}
#search_form .screen-reader-text {
display: none;
}
#search_form input {
font-size: 48px;
line-height: 1.65em;
font-weight: 400;
color: #000;
background: transparent;
text-align: center;
position: absolute;
padding: 0 30px;
height: initial;
margin: auto;
width: 100%;
top: 40%;
border: 0;
}
@media (max-width: 639px) {
#search_form input {
font-size: 32px;
}
}
@media (max-width: 479px) {
#search_form input {
font-size: 26px;
}
}
#search_form input:focus {
box-shadow: none;
outline: none;
}
#search_form #search_submit {
border-radius: 30px;
margin: 85px 0 0 -160px;
letter-spacing: 1px;
position: absolute;
padding: 15px 0;
font-size: 18px;
width: 320px;
left: 50%;
top: 40%;
}
@media (max-width: 639px) {
#search_form #search_submit {
margin: 70px 0 0 -145px;
font-size: 16px;
padding: 12px 0;
width: 290px;
}
}
#search_form .close {
font-size: 36px;
line-height: 60px;
font-weight: 100;
color: #D50204;
transition: all 0.3s linear;
text-shadow: none;
cursor: pointer;
position: fixed;
outline: none;
opacity: 1;
right: 0;
top: 0;
}
#search_form .close:hover {
background: #D50204;
color: #fff;
}
#search_form .close .icon-cancel {
text-align: center;
font-size: 100%;
height: 60px;
width: 60px;
padding: 0;
margin: 0;
}
#search_form.open {
transform: translate(0px, 0px) scale(1, 1);
z-index: 99;
opacity: 1;
}
.header_menu > div {
width: 100%;
border-bottom: 1px solid #f2f2f2;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
}
.header_menu > div ul {
text-align: center;
margin: 0 auto;
display: table;
float: none;
}
@media (max-width: 767px) {
.header_menu > div ul {
padding: 15px 0;
display: block;
}
}
.header_menu > div ul li.btn_blue {
margin-right: 5px;
}
.header_menu > div ul li.btn_blue a {
background: #B48C6B;
line-height: 20px;
display: flex;
align-items: center;
align-content: center;
color: #fff !important;
border-radius: 60px;
margin-top: 16px;
text-decoration: none;
transition: all 0.2s;
padding: 0 15px;
height: 32px;
}
@media (max-width: 1300px) {
.header_menu > div ul li.btn_blue a {
margin-top: 14px;
}
}
@media (max-width: 1199px) {
.header_menu > div ul li.btn_blue a {
margin-top: 6px;
height: 30px;
}
}
.header_menu > div ul li.btn_blue a:hover {
background: #cea381;
color: #fff !important;
}
.header_menu > div ul li {
display: inline-block;
float: left;
}
@media (max-width: 767px) {
.header_menu > div ul li {
display: block;
float: none;
}
}
.header_menu > div ul li .sub-menu {
display: none;
}
.header_menu > div ul li .sub-menu li:first-child:before, .header_menu > div ul li .sub-menu li:first-child:after {
display: none;
}
.header_menu > div ul li .sub-menu li a {
color: #828282 !important;
}
.header_menu > div ul li .sub-menu li:hover {
color: #D50204 !important;
}
.header_menu > div ul li.has_back_arrow {
position: relative;
}
.header_menu > div ul li.has_back_arrow:before {
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
display: inline-block;
font-family: entypo;
position: absolute;
content: "\e761";
font-weight: 100;
color: #828282;
height: 16px;
margin: auto;
left: 6px;
bottom: 0;
font-size: 20px;
top: -4px;
}
@media (max-width: 991px) {
.header_menu > div ul li.has_back_arrow:before {
left: 0;
}
}
@media (max-width: 767px) {
.header_menu > div ul li.has_back_arrow:before {
display: table;
width: 20px;
right: 92px;
}
}
.header_menu > div ul li.has_back_arrow:after {
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-right: 1px solid #828282;
position: absolute;
display: inline;
height: 16px;
margin: auto;
content: "";
bottom: 0;
right: 0;
top: 0;
}
.header_menu > div ul li a {
font: 500 14px "Poppins";
padding: 22px 20px;
color: #828282 !important;
display: block;
}
@media (max-width: 1300px) {
.header_menu > div ul li a {
padding: 20px 14px;
}
}
@media (max-width: 1199px) {
.header_menu > div ul li a {
padding: 12px;
}
}
@media (max-width: 991px) {
.header_menu > div ul li a {
font-size: 13px;
padding: 16px 6px;
}
}
@media (max-width: 767px) {
.header_menu > div ul li a {
font-size: 14px;
padding: 10px;
}
}
.header_menu > div ul li a .btn.btn-blue, .header_menu > div ul li a #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right .header_menu > div ul li a a.btn-blue,
.header_menu > div ul li a #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right .header_menu > div ul li a button.btn-blue, .header_menu > div ul li a #reg .reg_all_links button.btn-blue, #reg .reg_all_links .header_menu > div ul li a button.btn-blue,
.header_menu > div ul li a #reg .reg_all_links a.btn-blue,
#reg .reg_all_links .header_menu > div ul li a a.btn-blue, .header_menu > div ul li a #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 .header_menu > div ul li a a.btn-blue {
font-size: 13px;
border-radius: 40px;
position: relative;
padding: 8px 22px;
font-weight: 500;
margin: -10px 0;
}
@media (max-width: 991px) {
.header_menu > div ul li a .btn.btn-blue, .header_menu > div ul li a #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right .header_menu > div ul li a a.btn-blue,
.header_menu > div ul li a #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right .header_menu > div ul li a button.btn-blue, .header_menu > div ul li a #reg .reg_all_links button.btn-blue, #reg .reg_all_links .header_menu > div ul li a button.btn-blue,
.header_menu > div ul li a #reg .reg_all_links a.btn-blue,
#reg .reg_all_links .header_menu > div ul li a a.btn-blue, .header_menu > div ul li a #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 .header_menu > div ul li a a.btn-blue {
font-size: 12px;
padding: 6px 8px;
}
}
.header_menu > div ul li:hover:first-child:before {
color: #D50204;
left: 0px;
}
.header_menu > div ul li:hover:first-child:after {
border-color: #D50204;
}
.header_menu > div ul li:hover:before, .header_menu > div ul li.current-menu-ancestor:before, .header_menu > div ul li.current-menu-item:before {
color: #D50204;
}
.header_menu > div ul li:hover a, .header_menu > div ul li.current-menu-ancestor a, .header_menu > div ul li.current-menu-item a {
background: transparent;
color: #D50204 !important;
}
.header_menu > div ul li.current-menu-ancestor a, .header_menu > div ul li.current-menu-item a {
font-weight: 800;
}
.header_menu > div ul li.current-menu-ancestor .sub-menu .menu-item a, .header_menu > div ul li.current-menu-item .sub-menu .menu-item a {
font-weight: 600;
}
.header_menu > div ul li.menu-item-has-children {
position: relative;
}
.header_menu > div ul li.menu-item-has-children a:after {
font: normal normal normal 14px/1 entypo;
display: inline-block;
padding: 0 0 0 5px;
content: "\e75c";
right: 0;
top: 0;
}
.header_menu > div ul li.menu-item-has-children ul {
-webkit-transition: all 0.5s linear;
-khtml-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
border: 1px solid transparent;
position: absolute;
z-index: 30;
text-align: left;
background: #fff;
overflow: hidden;
list-style: none;
max-height: 0px;
width: 235px;
opacity: 0;
padding: 0;
top: 51px;
left: 0;
}
@media (max-width: 1300px) {
.header_menu > div ul li.menu-item-has-children ul {
top: 40px;
}
}
@media (max-width: 767px) {
.header_menu > div ul li.menu-item-has-children ul {
background: #f5f5f5;
position: relative;
border: none;
width: 100%;
top: 0;
}
}
.header_menu > div ul li.menu-item-has-children ul li {
display: block;
float: none;
}
.header_menu > div ul li.menu-item-has-children ul li a {
letter-spacing: 0.5px;
padding: 11.5px 15px;
text-align: left;
display: block;
}
@media (max-width: 767px) {
.header_menu > div ul li.menu-item-has-children ul li a {
text-align: center;
}
}
.header_menu > div ul li.menu-item-has-children ul li a:after {
display: none;
}
.header_menu > div ul li.menu-item-has-children:hover li a, .header_menu > div ul li.menu-item-has-children.current-menu-ancestor li a {
color: #828282;
}
.header_menu > div ul li.menu-item-has-children:hover li:hover a, .header_menu > div ul li.menu-item-has-children:hover li.current-menu-item a, .header_menu > div ul li.menu-item-has-children.current-menu-ancestor li:hover a, .header_menu > div ul li.menu-item-has-children.current-menu-ancestor li.current-menu-item a {
background: transparent;
color: #D50204 !important;
}
.header_menu > div ul li.menu-item-has-children:hover a:after {
content: "\e75f";
}
.header_menu > div ul li.menu-item-has-children:hover ul {
border: 1px solid #e3e3e3;
max-height: 500px;
padding: 5px 0;
opacity: 1;
display: block;
}
@media (max-width: 767px) {
.header_menu > div ul li.menu-item-has-children:hover ul {
margin: 7px 0;
}
}
#menu-main-menu-quickstart li:first-child:before, #menu-main-menu-quickstart li:first-child:after {
display: none !important;
}
.popover-body {
padding: 0;
}
.logo_section {
position: relative;
}
.logo_section button {
background: transparent;
position: absolute;
border-radius: 0;
font-size: 18px;
height: 100%;
width: 30px;
padding: 6px;
color: #888;
right: 0;
top: 0;
}
.logo_section button [class^=icon-] {
font-weight: 100;
}
.logo_section button .icon-up-open {
display: block;
}
.logo_section button .icon-down-open {
display: none;
}
.logo_section button.collapsed .icon-up-open {
display: none;
}
.logo_section button.collapsed .icon-down-open {
display: block;
}
.logo_section button:focus, .logo_section button:hover {
background: transparent;
color: #D50204;
}
.logo_section:not(:last-child) {
border-bottom: 1px solid #ddd;
}
.logo_section ul.links {
margin: 0 29px 0 0;
list-style: none;
padding: 0;
}
.logo_section ul.links li {
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-left: 7px solid #66ab26;
background: #f5f5f5;
text-align: center;
}
.logo_section ul.links li:hover {
background: #ddd;
}
.logo_section ul.links li a {
font: 400 italic 13px/2.8em "Poppins";
letter-spacing: -0.5px;
padding-left: 10px;
text-align: left;
color: #828282;
display: block;
}
.logo_section ul.links li a [class^=icon-] {
transition: all 0.3s linear;
font-style: normal;
margin: 0 0 0 5px;
}
.logo_section ul.links li a:hover [class^=icon-] {
margin: 0 -5px 0 10px;
}
.logo_section img {
display: block;
margin: 22px 64px 21px 35px;
width: 100%;
max-width: 150px;
height: auto;
}
.logo_section.big_logo img {
max-width: 100px;
}
.btn.btn-secondary, #reg .media_wrap_cohort .media .right a.btn-secondary,
#reg .media_wrap_cohort .media .right button.btn-secondary, #reg .reg_all_links button.btn-secondary,
#reg .reg_all_links a.btn-secondary, #modal_module_completed .modal-body h2 a.btn-secondary {
pointer-events: none;
}
.btn.btn-secondary:hover, #reg .media_wrap_cohort .media .right a.btn-secondary:hover,
#reg .media_wrap_cohort .media .right button.btn-secondary:hover, #reg .reg_all_links button.btn-secondary:hover,
#reg .reg_all_links a.btn-secondary:hover, #modal_module_completed .modal-body h2 a.btn-secondary:hover {
background-color: #868e96;
}
@media (max-width: 991px) {
.overflowscroll {
display: flex;
flex-wrap: unset;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
justify-content: flex-start !important;
}
.overflowscroll::-webkit-scrollbar {
display: none;
}
}
picture > img {
max-width: 100%;
height: auto;
}
.contain_image,
.cover_image {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
}
.cover_image > img,
.contain_image > img {
width: 100%;
height: 100%;
-o-object-position: center;
object-position: center;
}
.cover_image > img {
-o-object-fit: cover;
object-fit: cover;
}
.contain_image > img {
-o-object-fit: contain;
object-fit: contain;
}
.contain_image ~ *,
.cover_image ~ * {
position: relative;
z-index: 5;
}
body.confetti_animated .confetti {
left: 0;
pointer-events: none;
position: fixed;
top: 0;
transform: translate3d(0, 0, 0);
will-change: transform;
height: 100%;
width: 100%;
}
body.confetti_animated .confetti-item {
position: absolute;
transform: translate3d(0, 0, 0);
will-change: transform;
}
@keyframes confetti-fall {
0% {
transform: translateY(-100%);
}
95% {
animation-timing-function: ease-in-out;
transform: translateY(calc(100vh - 55%));
}
100% {
transform: translateY(calc(150vh - 65%));
}
}
#banner {
background: url("../img/bg/purple.jpg") no-repeat center center;
background-size: cover;
text-align: center;
color: #fff;
padding: 0;
}
#banner.rules {
padding: 90px 0 160px;
}
@media (max-width: 1199px) {
#banner.rules {
padding: 90px 15px;
}
}
@media (max-width: 767px) {
#banner.rules {
padding: 80px 15px;
}
}
#banner.rules h1 {
font-size: 42px;
line-height: 1.27em;
font-weight: 700;
margin: 0;
}
@media (max-width: 1919px) {
#banner.rules h1 {
font-size: 38px;
}
}
@media (max-width: 1199px) {
#banner.rules h1 {
font-size: 36px;
}
}
@media (max-width: 991px) {
#banner.rules h1 {
font-size: 32px;
}
}
@media (max-width: 767px) {
#banner.rules h1 {
font-size: 28px;
}
}
@media (max-width: 639px) {
#banner.rules h1 {
font-size: 24px;
}
}
@media (max-width: 479px) {
#banner.rules h1 {
font-size: 22px;
}
}
#banner.reg {
padding: 50px 0 135px;
}
@media (max-width: 991px) {
#banner.reg {
padding: 60px 0 100px;
}
}
#banner.reg.calendar .btns {
position: relative;
margin: 25px 0 0;
}
@media (max-width: 991px) {
#banner.reg.calendar .btns {
margin: 25px 0 40px;
}
}
#banner.reg.calendar .btns .btn, #banner.reg.calendar .btns #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.reg.calendar .btns a,
#banner.reg.calendar .btns #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.reg.calendar .btns button, #banner.reg.calendar .btns #reg .reg_all_links button, #reg .reg_all_links #banner.reg.calendar .btns button,
#banner.reg.calendar .btns #reg .reg_all_links a,
#reg .reg_all_links #banner.reg.calendar .btns a, #banner.reg.calendar .btns #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.reg.calendar .btns a {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0;
max-width: 320px;
padding: 12px;
margin: 0 5px;
width: 100%;
}
@media (max-width: 767px) {
#banner.reg.calendar .btns .btn, #banner.reg.calendar .btns #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.reg.calendar .btns a,
#banner.reg.calendar .btns #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.reg.calendar .btns button, #banner.reg.calendar .btns #reg .reg_all_links button, #reg .reg_all_links #banner.reg.calendar .btns button,
#banner.reg.calendar .btns #reg .reg_all_links a,
#reg .reg_all_links #banner.reg.calendar .btns a, #banner.reg.calendar .btns #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.reg.calendar .btns a {
margin: 5px auto;
}
}
@media (max-width: 479px) {
#banner.reg.calendar .btns .btn, #banner.reg.calendar .btns #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.reg.calendar .btns a,
#banner.reg.calendar .btns #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.reg.calendar .btns button, #banner.reg.calendar .btns #reg .reg_all_links button, #reg .reg_all_links #banner.reg.calendar .btns button,
#banner.reg.calendar .btns #reg .reg_all_links a,
#reg .reg_all_links #banner.reg.calendar .btns a, #banner.reg.calendar .btns #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.reg.calendar .btns a {
padding: 10px;
}
}
#banner.reg h1 {
font-size: 42px;
line-height: 1.25em;
font-weight: 700;
margin: 0 0 15px;
}
@media (max-width: 991px) {
#banner.reg h1 {
font-size: 32px;
}
}
@media (max-width: 639px) {
#banner.reg h1 {
font-size: 28px;
margin: 0 0 10px;
}
}
@media (max-width: 479px) {
#banner.reg h1 {
font-size: 26px;
}
}
#banner.reg p {
font-size: 22px;
line-height: 1.5em;
margin: 0 0 28px;
}
@media (max-width: 991px) {
#banner.reg p {
font-size: 18px;
margin: 0 0 15px;
}
}
@media (max-width: 639px) {
#banner.reg p {
font-size: 16px;
}
}
@media (max-width: 479px) {
#banner.reg p {
font-size: 15px;
}
}
@media (max-width: 479px) {
#banner.reg p br {
display: none;
}
}
#banner.reg .field_ttl {
display: none;
}
#banner.reg label {
width: 410px;
}
@media (max-width: 479px) {
#banner.reg label {
width: 100%;
}
}
#banner.community {
background: url("../img/bg/purple.jpg") no-repeat 50% 50%;
margin-left: 0;
margin-right: 0;
padding: 20px 24px 28px;
background-size: cover;
border-radius: 4px;
}
@media (max-width: 767px) {
#banner.community {
padding: 20px 15px 60px;
}
}
@media (max-width: 639px) {
#banner.community {
padding: 20px 15px 15px;
}
}
@media (max-width: 767px) {
#banner.community > .row {
flex-direction: column;
}
}
#banner.community .social {
margin: 30px auto 50px 0;
width: 96px;
}
@media (max-width: 991px) {
#banner.community .social {
margin: 20px auto 50px 0;
}
}
@media (max-width: 767px) {
#banner.community .social {
margin-top: 20px;
margin: 20px auto 0px 0;
}
}
@media (max-width: 639px) {
#banner.community .social {
width: 80px;
}
}
#banner.community .col-lg-8 {
justify-content: flex-end;
align-items: flex-start;
flex-direction: column;
display: inline-flex;
flex: 1 0 0;
}
@media (max-width: 767px) {
#banner.community .col-lg-8 {
text-align: left;
display: block;
flex: auto;
}
}
@media (max-width: 639px) {
#banner.community .col-lg-8 {
text-align: center;
}
}
#banner.community h1 {
font-size: 26px;
line-height: 1.4;
font-weight: 700;
text-align: left;
margin-top: 155px;
}
@media (max-width: 1199px) {
#banner.community h1 {
font-size: 24px;
}
}
@media (max-width: 991px) {
#banner.community h1 {
font-size: 22px;
}
}
@media (max-width: 639px) {
#banner.community h1 {
font-size: 20px;
text-align: center;
margin-top: 40px;
}
}
@media (max-width: 479px) {
#banner.community h1 {
font-size: 20px;
}
}
@media (max-width: 1199px) {
#banner.community h1 br {
display: none;
}
}
#banner.community .soc {
margin-left: auto;
display: flex;
justify-content: center;
align-items: flex-end;
align-content: flex-end;
}
@media (max-width: 991px) {
#banner.community .soc {
width: 100%;
justify-content: flex-start;
}
}
@media (max-width: 767px) {
#banner.community .soc {
flex-wrap: wrap;
justify-content: center;
}
}
#banner.community .btn, #banner.community #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.community a,
#banner.community #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.community button, #banner.community #reg .reg_all_links button, #reg .reg_all_links #banner.community button,
#banner.community #reg .reg_all_links a,
#reg .reg_all_links #banner.community a, #banner.community #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.community a {
display: flex;
align-items: center;
align-content: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
color: #fff;
background: #D50204;
border-radius: 100px;
margin: 15px 15px 5px;
letter-spacing: 0;
padding: 11px 44px;
width: 220px;
min-height: 45px;
}
@media (max-width: 767px) {
#banner.community .btn, #banner.community #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.community a,
#banner.community #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.community button, #banner.community #reg .reg_all_links button, #reg .reg_all_links #banner.community button,
#banner.community #reg .reg_all_links a,
#reg .reg_all_links #banner.community a, #banner.community #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.community a {
margin: 15px 10px 0;
max-width: 300px;
padding: 12px 0;
display: block;
}
}
@media (max-width: 639px) {
#banner.community .btn, #banner.community #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.community a,
#banner.community #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.community button, #banner.community #reg .reg_all_links button, #reg .reg_all_links #banner.community button,
#banner.community #reg .reg_all_links a,
#reg .reg_all_links #banner.community a, #banner.community #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.community a {
width: 100%;
max-width: 384px;
margin: 10px 10px;
}
}
@media (max-width: 479px) {
#banner.community .btn, #banner.community #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.community a,
#banner.community #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.community button, #banner.community #reg .reg_all_links button, #reg .reg_all_links #banner.community button,
#banner.community #reg .reg_all_links a,
#reg .reg_all_links #banner.community a, #banner.community #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.community a {
font-size: 15px;
padding: 10px 0;
}
}
#banner.community .btn:hover, #banner.community #reg .media_wrap_cohort .media .right a:hover, #reg .media_wrap_cohort .media .right #banner.community a:hover,
#banner.community #reg .media_wrap_cohort .media .right button:hover,
#reg .media_wrap_cohort .media .right #banner.community button:hover, #banner.community #reg .reg_all_links button:hover, #reg .reg_all_links #banner.community button:hover,
#banner.community #reg .reg_all_links a:hover,
#reg .reg_all_links #banner.community a:hover, #banner.community #modal_module_completed .modal-body h2 a:hover, #modal_module_completed .modal-body h2 #banner.community a:hover {
color: #fff;
}
#banner.community .btn span, #banner.community #reg .media_wrap_cohort .media .right a span, #reg .media_wrap_cohort .media .right #banner.community a span,
#banner.community #reg .media_wrap_cohort .media .right button span,
#reg .media_wrap_cohort .media .right #banner.community button span, #banner.community #reg .reg_all_links button span, #reg .reg_all_links #banner.community button span,
#banner.community #reg .reg_all_links a span,
#reg .reg_all_links #banner.community a span, #banner.community #modal_module_completed .modal-body h2 a span, #modal_module_completed .modal-body h2 #banner.community a span {
margin: 0px 10px 0 -27px;
vertical-align: middle;
font-size: 24px;
}
@media (max-width: 479px) {
#banner.community .btn span, #banner.community #reg .media_wrap_cohort .media .right a span, #reg .media_wrap_cohort .media .right #banner.community a span,
#banner.community #reg .media_wrap_cohort .media .right button span,
#reg .media_wrap_cohort .media .right #banner.community button span, #banner.community #reg .reg_all_links button span, #reg .reg_all_links #banner.community button span,
#banner.community #reg .reg_all_links a span,
#reg .reg_all_links #banner.community a span, #banner.community #modal_module_completed .modal-body h2 a span, #modal_module_completed .modal-body h2 #banner.community a span {
font-size: 20px;
}
}
#banner.module {
padding: 78px 0 110px;
}
@media (max-width: 991px) {
#banner.module {
padding: 80px 0 100px;
}
}
@media (max-width: 767px) {
#banner.module {
padding: 60px 0;
}
}
#banner.module h1 {
font-size: 42px;
line-height: 1.2em;
font-weight: 700;
margin: 0;
}
@media (max-width: 1199px) {
#banner.module h1 {
font-size: 36px;
}
}
@media (max-width: 991px) {
#banner.module h1 {
font-size: 32px;
}
}
@media (max-width: 767px) {
#banner.module h1 {
font-size: 28px;
}
}
@media (max-width: 479px) {
#banner.module h1 {
font-size: 24px;
}
}
#banner.account {
padding: 90px 15px;
}
@media (max-width: 991px) {
#banner.account {
padding: 90px 15px 120px;
}
}
@media (max-width: 767px) {
#banner.account {
padding: 60px 15px 90px;
}
}
#banner.account h1 {
font-size: 42px;
line-height: 1.2em;
font-weight: 700;
margin: 0;
}
@media (max-width: 1199px) {
#banner.account h1 {
font-size: 36px;
}
}
@media (max-width: 991px) {
#banner.account h1 {
font-size: 32px;
}
}
@media (max-width: 767px) {
#banner.account h1 {
font-size: 28px;
}
}
@media (max-width: 479px) {
#banner.account h1 {
font-size: 24px;
}
}
#banner.search {
padding: 90px 15px;
}
@media (max-width: 767px) {
#banner.search {
padding: 60px 15px;
}
}
@media (max-width: 639px) {
#banner.search {
padding: 40px 15px;
}
}
#banner.search h1 {
font-size: 42px;
line-height: 1.2em;
font-weight: 700;
margin: 0;
}
@media (max-width: 1199px) {
#banner.search h1 {
font-size: 36px;
}
}
@media (max-width: 991px) {
#banner.search h1 {
font-size: 32px;
}
}
@media (max-width: 767px) {
#banner.search h1 {
font-size: 28px;
}
}
@media (max-width: 479px) {
#banner.search h1 {
font-size: 24px;
}
}
#banner.cert_home {
padding: 70px 15px 103px;
text-align: left;
}
@media (max-width: 767px) {
#banner.cert_home {
padding: 60px 0 90px;
text-align: center;
}
}
@media (max-width: 479px) {
#banner.cert_home {
padding: 60px 0;
}
}
@media (max-width: 991px) {
#banner.cert_home img {
margin: 10px -15px 0;
width: 120px;
}
}
@media (max-width: 767px) {
#banner.cert_home img {
margin: 0 auto 5px;
display: table;
width: 100px;
}
}
@media (max-width: 479px) {
#banner.cert_home img {
width: 90px;
}
}
#banner.cert_home h1 {
font-size: 42px;
line-height: 1.3em;
font-weight: 700;
margin: 8px 0 15px;
}
@media (max-width: 1199px) {
#banner.cert_home h1 {
font-size: 36px;
}
}
@media (max-width: 991px) {
#banner.cert_home h1 {
font-size: 32px;
}
}
@media (max-width: 767px) {
#banner.cert_home h1 {
font-size: 28px;
}
}
@media (max-width: 479px) {
#banner.cert_home h1 {
font-size: 24px;
}
}
@media (max-width: 479px) {
#banner.cert_home h1 br {
display: none;
}
}
#banner.cert_home h4 {
font-size: 18px;
}
@media (max-width: 1199px) {
#banner.cert_home h4 {
font-size: 16px;
}
}
#banner.mmbrs_home {
padding: 80px 15px 102px;
}
@media (max-width: 767px) {
#banner.mmbrs_home {
padding: 60px 15px;
}
}
#banner.mmbrs_home h1 {
font-size: 42px;
line-height: 1.3em;
font-weight: 700;
margin: 0 0 15px;
}
@media (max-width: 1199px) {
#banner.mmbrs_home h1 {
font-size: 36px;
}
}
@media (max-width: 991px) {
#banner.mmbrs_home h1 {
font-size: 32px;
}
}
@media (max-width: 767px) {
#banner.mmbrs_home h1 {
font-size: 28px;
}
}
@media (max-width: 479px) {
#banner.mmbrs_home h1 {
font-size: 24px;
}
}
#banner.mmbrs_home h4 {
font-size: 18px;
}
@media (max-width: 1199px) {
#banner.mmbrs_home h4 {
font-size: 16px;
}
}
@media (max-width: 767px) {
#banner.mmbrs_home h4 {
display: none;
}
}
#banner.notifications {
padding: 90px 15px 162px;
}
@media (max-width: 767px) {
#banner.notifications {
padding: 60px 15px;
}
}
#banner.notifications h1 {
font-size: 42px;
line-height: 1.2em;
font-weight: 700;
margin: 0;
}
@media (max-width: 1199px) {
#banner.notifications h1 {
font-size: 36px;
}
}
@media (max-width: 991px) {
#banner.notifications h1 {
font-size: 32px;
}
}
@media (max-width: 767px) {
#banner.notifications h1 {
font-size: 28px;
}
}
@media (max-width: 479px) {
#banner.notifications h1 {
font-size: 24px;
}
}
#banner.res_lib {
border-bottom: 1px solid #ddd;
background: transparent;
padding: 43px 0 48px;
}
@media (max-width: 767px) {
#banner.res_lib {
padding: 23px 0 28px;
}
}
#banner.res_lib.search {
padding: 47px 15px 45px;
border: none;
}
#banner.res_lib.search h1 {
color: #fff;
}
#banner.res_lib.search .res {
padding-left: 15px;
padding-right: 15px;
}
#banner.res_lib.search .res_count {
font-size: 13px;
line-height: 1.45;
font-weight: 600;
color: #a1a1a1;
padding: 37px 0 11px;
text-align: left;
max-width: 880px;
margin: 0 auto;
}
#banner.res_lib.search #search input {
font-size: 16px;
line-height: 42px;
padding: 0 30px 0 51px;
height: 42px;
width: 350px;
}
@media (max-width: 479px) {
#banner.res_lib.search #search input {
font-size: 14px;
line-height: 36px;
padding: 0 15px 0 35px;
height: 36px;
width: 290px;
}
}
#banner.res_lib.search #search button {
font-size: 20px;
line-height: 42px;
left: 18px;
}
@media (max-width: 479px) {
#banner.res_lib.search #search button {
font-size: 18px;
line-height: 36px;
left: 10px;
}
}
#banner.res_lib #search {
position: relative;
display: table;
margin: 0 auto;
}
#banner.res_lib #search input {
font-size: 18px;
line-height: 66px;
font-weight: 400;
color: #747474;
transition: all 0.3s linear;
padding: 0 30px 0 74px;
border: 1px solid #ddd;
border-radius: 100px;
height: 66px;
width: 725px;
}
@media (max-width: 1919px) {
#banner.res_lib #search input {
font-size: 16px;
line-height: 44px;
padding: 0 30px 0 60px;
height: 44px;
width: 480px;
}
}
@media (max-width: 991px) {
#banner.res_lib #search input {
width: 360px;
}
}
@media (max-width: 479px) {
#banner.res_lib #search input {
font-size: 14px;
line-height: 36px;
padding: 0 15px 0 35px;
height: 36px;
width: 290px;
}
}
#banner.res_lib #search input:focus {
box-shadow: 0 0 8px rgba(207, 0, 0, 0.5);
border-color: #D50204;
}
#banner.res_lib #search button {
font-size: 30px;
line-height: 66px;
font-weight: 400;
color: #D50204;
transition: all 0.3s linear;
background: transparent;
transform: scale(1);
position: absolute;
cursor: pointer;
border: none;
z-index: 1;
left: 27px;
padding: 0;
margin: 0;
}
@media (max-width: 1919px) {
#banner.res_lib #search button {
font-size: 24px;
line-height: 44px;
left: 20px;
}
}
@media (max-width: 479px) {
#banner.res_lib #search button {
font-size: 18px;
line-height: 36px;
left: 10px;
}
}
#banner.res_lib #search button:hover {
transform: scale(1.2);
}
#banner.res_lib h1 {
font-size: 26px;
font-weight: 600;
color: #000;
margin: 0 0 23px;
}
@media (max-width: 1199px) {
#banner.res_lib h1 {
font-size: 28px;
margin: 0 0 15px;
}
}
@media (max-width: 991px) {
#banner.res_lib h1 {
font-size: 26px;
margin: 0 0 10px;
}
}
@media (max-width: 767px) {
#banner.res_lib h1 {
font-size: 24px;
}
}
#banner.res_lib.no_nav h1 {
margin-bottom: 0;
}
#banner.mmbrs_tc {
background: url("../img/pages/tc/banner-2020.jpg") center center no-repeat;
position: relative;
background-size: cover;
padding: 20px 24px 37px;
min-height: 320px;
text-align: left;
display: flex;
}
@media (max-width: 1199px) {
#banner.mmbrs_tc {
padding: 20px 20px;
}
}
@media (max-width: 991px) {
#banner.mmbrs_tc {
padding: 20px 20px 30px;
min-height: 0;
}
}
@media (max-width: 767px) {
#banner.mmbrs_tc {
flex-direction: column;
align-items: center;
}
#banner.mmbrs_tc:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
opacity: 0.5;
}
}
@media (max-width: 639px) {
#banner.mmbrs_tc {
padding: 20px 15px;
}
}
#banner.mmbrs_tc h1 {
font-size: 26px;
line-height: 1.2em;
font-weight: 700;
margin: auto 0 5px;
}
@media (max-width: 1199px) {
#banner.mmbrs_tc h1 {
font-size: 24px;
}
}
@media (max-width: 991px) {
#banner.mmbrs_tc h1 {
font-size: 22px;
}
}
@media (max-width: 767px) {
#banner.mmbrs_tc h1 {
font-size: 20px;
}
}
#banner.mmbrs_tc p {
font-size: 16px;
line-height: 1.65;
font-weight: 400;
max-width: 680px;
padding: 0;
margin: 0;
}
@media (max-width: 1199px) {
#banner.mmbrs_tc p {
font-size: 15px;
line-height: 1.5;
}
}
@media (max-width: 767px) {
#banner.mmbrs_tc p {
max-width: 287px;
}
}
@media (max-width: 991px) {
#banner.mmbrs_tc p {
font-size: 14px;
}
}
#banner.mmbrs_tc .left {
flex-direction: column;
position: relative;
display: flex;
flex: 52% 0 0;
z-index: 2;
}
@media (max-width: 767px) {
#banner.mmbrs_tc .left {
text-align: center;
}
}
#banner.mmbrs_tc .left img {
margin-bottom: 30px;
width: 96px;
}
@media (max-width: 767px) {
#banner.mmbrs_tc .left img {
display: inline;
margin: 0 auto 40px;
width: 74px;
}
}
#banner.mmbrs_tc a.btn-blue {
text-transform: uppercase;
border-radius: 30px;
margin: 20px 0 0 0;
letter-spacing: 0;
line-height: 18px;
padding-right: 0;
padding-left: 0;
font-size: 14px;
width: 290px;
}
#banner.mmbrs_tc a.play {
font-size: 16px;
font-weight: 700;
color: #c700fe;
transition: color 0.3s linear;
text-decoration: underline;
margin-right: 3px;
}
#banner.mmbrs_tc a.play:hover {
color: #F2EC28;
}
#banner.mmbrs_tc a.play:hover span.icon-play {
border-color: #F2EC28;
}
@media (max-width: 767px) {
#banner.mmbrs_tc a.play {
font-size: 14px;
color: #F2EC28;
}
}
#banner.mmbrs_tc a.play span.icon-play {
transition: border-color 0.3s linear;
border: 2px dashed #fff;
vertical-align: middle;
margin: 0 20px 0 0;
padding: 0 0 0 7px;
border-radius: 50%;
text-align: center;
line-height: 66px;
font-size: 40px;
height: 68px;
width: 68px;
}
@media (max-width: 991px) {
#banner.mmbrs_tc a.play span.icon-play {
margin: -5px 5px 0 0;
padding: 0 0 0 4px;
line-height: 48px;
font-size: 32px;
height: 50px;
width: 50px;
}
}
#banner.mmbrs_tc .progress_wrap {
margin: 38px 28px 0 auto;
display: block;
}
@media (max-width: 991px) {
#banner.mmbrs_tc .progress_wrap {
margin: 0 0 0 auto;
}
}
@media (max-width: 767px) {
#banner.mmbrs_tc .progress_wrap {
margin: 25px auto 10px;
}
}
#banner.team {
padding: 60px 15px 63px;
}
@media (max-width: 991px) {
#banner.team {
padding: 80px 15px;
}
}
@media (max-width: 767px) {
#banner.team {
padding: 60px 15px;
}
}
@media (max-width: 639px) {
#banner.team {
padding: 60px 15px 90px;
}
}
#banner.team h1 {
font-size: 42px;
line-height: 1.2em;
font-weight: 700;
margin: 0;
}
@media (max-width: 1199px) {
#banner.team h1 {
font-size: 36px;
}
}
@media (max-width: 991px) {
#banner.team h1 {
font-size: 32px;
}
}
@media (max-width: 767px) {
#banner.team h1 {
font-size: 28px;
}
}
@media (max-width: 479px) {
#banner.team h1 {
font-size: 24px;
}
}
#banner.cert {
background: url("../img/bg/purple.jpg") no-repeat center center;
background-size: cover;
}
#banner.cert.peer {
padding: 78px 15px 110px;
}
@media (max-width: 991px) {
#banner.cert.peer {
padding: 80px 15px 100px;
}
}
@media (max-width: 767px) {
#banner.cert.peer {
padding: 60px 15px 95px;
}
}
#banner.cert.peer h1 {
font-size: 42px;
line-height: 1.2em;
font-weight: 700;
margin: 0;
}
@media (max-width: 1199px) {
#banner.cert.peer h1 {
font-size: 36px;
}
}
@media (max-width: 991px) {
#banner.cert.peer h1 {
font-size: 32px;
}
}
@media (max-width: 767px) {
#banner.cert.peer h1 {
font-size: 28px;
}
}
@media (max-width: 479px) {
#banner.cert.peer h1 {
font-size: 24px;
}
}
#banner.cert.peer.group {
max-width: 920px;
}
@media (max-width: 479px) {
#banner.cert.peer.group h1 {
font-size: 22px;
}
}
#banner.cert.peer.group p {
font-size: 20px;
line-height: 1.45em;
margin: 10px auto 0;
max-width: 510px;
}
@media (max-width: 991px) {
#banner.cert.peer.group p {
font-size: 18px;
max-width: 440px;
}
}
@media (max-width: 479px) {
#banner.cert.peer.group p {
font-size: 15px;
}
}
#banner.cert.peer.group .field_ttl {
opacity: 0;
}
#banner.cert.apply {
padding: 90px 15px;
}
@media (max-width: 767px) {
#banner.cert.apply {
padding: 60px 15px;
}
}
#banner.cert.apply h1 {
font-size: 42px;
line-height: 1.2em;
font-weight: 700;
margin: 0 0 25px;
}
@media (max-width: 1199px) {
#banner.cert.apply h1 {
font-size: 36px;
}
}
@media (max-width: 991px) {
#banner.cert.apply h1 {
font-size: 32px;
}
}
@media (max-width: 767px) {
#banner.cert.apply h1 {
font-size: 28px;
margin: 0;
}
}
@media (max-width: 639px) {
#banner.cert.apply h1 {
font-size: 26px;
}
}
@media (max-width: 479px) {
#banner.cert.apply h1 {
font-size: 24px;
}
}
@media (max-width: 479px) {
#banner.cert.apply h1 br {
display: none;
}
}
#banner.cert.apply h4 {
font-size: 18px;
}
@media (max-width: 1199px) {
#banner.cert.apply h4 {
font-size: 16px;
}
}
@media (max-width: 767px) {
#banner.cert.apply h4 {
display: none;
}
}
#banner.cert.apply p {
font-size: 22px;
line-height: 1.65em;
margin: 10px auto 20px;
max-width: 680px;
}
@media (max-width: 1199px) {
#banner.cert.apply p {
font-size: 20px;
line-height: 1.45em;
max-width: 600px;
}
}
@media (max-width: 991px) {
#banner.cert.apply p {
font-size: 18px;
max-width: 540px;
}
}
@media (max-width: 767px) {
#banner.cert.apply p {
font-size: 16px;
max-width: 480px;
}
}
@media (max-width: 479px) {
#banner.cert.apply p {
margin: 10px auto 0;
}
}
#banner.cert.apply.ty .btn, #banner.cert.apply.ty #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.cert.apply.ty a,
#banner.cert.apply.ty #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.cert.apply.ty button, #banner.cert.apply.ty #reg .reg_all_links button, #reg .reg_all_links #banner.cert.apply.ty button,
#banner.cert.apply.ty #reg .reg_all_links a,
#reg .reg_all_links #banner.cert.apply.ty a, #banner.cert.apply.ty #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.cert.apply.ty a {
text-transform: uppercase;
border-radius: 100px;
padding: 15px 40px;
}
@media (max-width: 767px) {
#banner.cert.apply.ty .btn, #banner.cert.apply.ty #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.cert.apply.ty a,
#banner.cert.apply.ty #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.cert.apply.ty button, #banner.cert.apply.ty #reg .reg_all_links button, #reg .reg_all_links #banner.cert.apply.ty button,
#banner.cert.apply.ty #reg .reg_all_links a,
#reg .reg_all_links #banner.cert.apply.ty a, #banner.cert.apply.ty #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.cert.apply.ty a {
margin: 15px auto 0;
padding: 12px 40px;
}
}
@media (max-width: 479px) {
#banner.cert.apply.ty .btn, #banner.cert.apply.ty #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.cert.apply.ty a,
#banner.cert.apply.ty #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.cert.apply.ty button, #banner.cert.apply.ty #reg .reg_all_links button, #reg .reg_all_links #banner.cert.apply.ty button,
#banner.cert.apply.ty #reg .reg_all_links a,
#reg .reg_all_links #banner.cert.apply.ty a, #banner.cert.apply.ty #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.cert.apply.ty a {
font-size: 13px;
padding: 10px 20px;
}
}
#banner.cert.sales {
background: url("../img/pages/cert/sales/bg_banner.jpg") no-repeat center top;
background-size: cover;
position: relative;
padding: 0;
}
@media (max-width: 479px) {
#banner.cert.sales:before {
background: rgba(21, 48, 138, 0.5);
position: absolute;
display: block;
height: 100%;
width: 100%;
content: "";
}
}
#banner.cert.sales header {
padding: 10px 50px;
}
@media (max-width: 1919px) {
#banner.cert.sales header {
padding: 10px 30px;
}
}
@media (max-width: 767px) {
#banner.cert.sales header {
padding: 0 15px;
}
}
#banner.cert.sales header img.logo {
width: 230px;
height: auto;
}
@media (max-width: 1919px) {
#banner.cert.sales header img.logo {
width: 175px;
}
}
@media (max-width: 991px) {
#banner.cert.sales header img.logo {
width: 160px;
}
}
@media (max-width: 479px) {
#banner.cert.sales header img.logo {
width: 140px;
}
}
#banner.cert.sales header .divider {
margin: 0 26px -8px 28px;
display: inline-block;
background: #fff;
height: 27px;
width: 1px;
}
@media (max-width: 1919px) {
#banner.cert.sales header .divider {
display: none;
}
}
#banner.cert.sales header .side_txt {
font-size: 15px;
}
@media (max-width: 1919px) {
#banner.cert.sales header .side_txt {
display: none;
}
}
#banner.cert.sales header .btn, #banner.cert.sales header #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.cert.sales header a,
#banner.cert.sales header #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.cert.sales header button, #banner.cert.sales header #reg .reg_all_links button, #reg .reg_all_links #banner.cert.sales header button,
#banner.cert.sales header #reg .reg_all_links a,
#reg .reg_all_links #banner.cert.sales header a, #banner.cert.sales header #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.cert.sales header a {
letter-spacing: 4px;
padding: 12px 35px;
}
@media (max-width: 1919px) {
#banner.cert.sales header .btn, #banner.cert.sales header #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.cert.sales header a,
#banner.cert.sales header #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.cert.sales header button, #banner.cert.sales header #reg .reg_all_links button, #reg .reg_all_links #banner.cert.sales header button,
#banner.cert.sales header #reg .reg_all_links a,
#reg .reg_all_links #banner.cert.sales header a, #banner.cert.sales header #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.cert.sales header a {
font-size: 13px;
letter-spacing: 2px;
padding: 10px 30px;
}
}
@media (max-width: 1199px) {
#banner.cert.sales header .btn, #banner.cert.sales header #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.cert.sales header a,
#banner.cert.sales header #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.cert.sales header button, #banner.cert.sales header #reg .reg_all_links button, #reg .reg_all_links #banner.cert.sales header button,
#banner.cert.sales header #reg .reg_all_links a,
#reg .reg_all_links #banner.cert.sales header a, #banner.cert.sales header #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.cert.sales header a {
padding: 10px 25px;
}
}
@media (max-width: 479px) {
#banner.cert.sales header .btn, #banner.cert.sales header #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.cert.sales header a,
#banner.cert.sales header #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.cert.sales header button, #banner.cert.sales header #reg .reg_all_links button, #reg .reg_all_links #banner.cert.sales header button,
#banner.cert.sales header #reg .reg_all_links a,
#reg .reg_all_links #banner.cert.sales header a, #banner.cert.sales header #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.cert.sales header a {
letter-spacing: 1px;
font-size: 12px;
padding: 6px 15px;
width: initial;
}
}
#banner.cert.sales .txt_wrap {
padding: 207px 0 192px;
position: relative;
max-width: 620px;
text-align: left;
}
@media (max-width: 1919px) {
#banner.cert.sales .txt_wrap {
max-width: 550px;
padding: 160px 0;
}
}
@media (max-width: 1199px) {
#banner.cert.sales .txt_wrap {
max-width: 500px;
padding: 120px 0;
}
}
@media (max-width: 991px) {
#banner.cert.sales .txt_wrap {
max-width: 460px;
padding: 90px 0;
}
}
@media (max-width: 767px) {
#banner.cert.sales .txt_wrap {
padding: 60px 0 80px;
text-align: center;
margin: 0 auto;
}
}
#banner.cert.sales .txt_wrap h1 {
font-size: 46px;
line-height: 1.3em;
font-weight: 400;
margin: 0;
}
@media (max-width: 1919px) {
#banner.cert.sales .txt_wrap h1 {
font-size: 42px;
line-height: 1.2em;
}
}
@media (max-width: 1199px) {
#banner.cert.sales .txt_wrap h1 {
font-size: 36px;
}
}
@media (max-width: 991px) {
#banner.cert.sales .txt_wrap h1 {
font-size: 32px;
}
}
@media (max-width: 479px) {
#banner.cert.sales .txt_wrap h1 {
font-size: 22px;
}
}
#banner.cert.sales .txt_wrap p {
font-size: 20px;
line-height: 1.8em;
margin: 15px 0 28px;
}
@media (max-width: 1919px) {
#banner.cert.sales .txt_wrap p {
font-size: 18px;
line-height: 1.45em;
margin: 10px 0 20px;
}
}
@media (max-width: 1199px) {
#banner.cert.sales .txt_wrap p {
font-size: 16px;
}
}
#banner.cert.sales .txt_wrap .btn, #banner.cert.sales .txt_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.cert.sales .txt_wrap a,
#banner.cert.sales .txt_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.cert.sales .txt_wrap button, #banner.cert.sales .txt_wrap #reg .reg_all_links button, #reg .reg_all_links #banner.cert.sales .txt_wrap button,
#banner.cert.sales .txt_wrap #reg .reg_all_links a,
#reg .reg_all_links #banner.cert.sales .txt_wrap a, #banner.cert.sales .txt_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.cert.sales .txt_wrap a {
letter-spacing: 2.2px;
font-size: 17px;
padding: 17px 27px;
}
@media (max-width: 1919px) {
#banner.cert.sales .txt_wrap .btn, #banner.cert.sales .txt_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.cert.sales .txt_wrap a,
#banner.cert.sales .txt_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.cert.sales .txt_wrap button, #banner.cert.sales .txt_wrap #reg .reg_all_links button, #reg .reg_all_links #banner.cert.sales .txt_wrap button,
#banner.cert.sales .txt_wrap #reg .reg_all_links a,
#reg .reg_all_links #banner.cert.sales .txt_wrap a, #banner.cert.sales .txt_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.cert.sales .txt_wrap a {
font-size: 15px;
padding: 12px 40px;
}
}
@media (max-width: 479px) {
#banner.cert.sales .txt_wrap .btn, #banner.cert.sales .txt_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.cert.sales .txt_wrap a,
#banner.cert.sales .txt_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.cert.sales .txt_wrap button, #banner.cert.sales .txt_wrap #reg .reg_all_links button, #reg .reg_all_links #banner.cert.sales .txt_wrap button,
#banner.cert.sales .txt_wrap #reg .reg_all_links a,
#reg .reg_all_links #banner.cert.sales .txt_wrap a, #banner.cert.sales .txt_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.cert.sales .txt_wrap a {
font-size: 13px;
padding: 10px;
}
}
#banner.cert.sales .txt_wrap img.judith {
position: absolute;
bottom: 40px;
left: 625px;
}
@media (max-width: 1919px) {
#banner.cert.sales .txt_wrap img.judith {
bottom: -10px;
width: 420px;
}
}
@media (max-width: 1199px) {
#banner.cert.sales .txt_wrap img.judith {
width: 400px;
left: 550px;
}
}
@media (max-width: 991px) {
#banner.cert.sales .txt_wrap img.judith {
width: 320px;
left: 450px;
}
}
@media (max-width: 767px) {
#banner.cert.sales .txt_wrap img.judith {
display: none;
}
}
.mmbrs-banner {
padding: 30px 0 90px;
background: #f5f5f5;
text-align: center;
color: #fff;
overflow: hidden;
text-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
.mmbrs-banner {
padding: 0;
}
}
.mmbrs-banner.no-tabs {
padding: 30px 0;
}
@media (max-width: 767px) {
.mmbrs-banner.no-tabs {
padding: 0;
}
}
@media (max-width: 767px) {
.mmbrs-banner .container {
max-width: 100%;
padding: 0;
}
}
.mmbrs-banner .wrap {
padding: 60px 15px 50px;
background-size: cover !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 320px;
border-radius: 6px;
overflow: hidden;
}
@media (max-width: 767px) {
.mmbrs-banner .wrap {
padding: 50px 15px 90px;
min-height: 290px;
border-radius: 0;
}
}
.mmbrs-banner .wrap .btn-wrap {
margin: 37px auto 0;
text-align: center;
}
@media (max-width: 767px) {
.mmbrs-banner .wrap .btn-wrap {
max-width: 300px;
}
}
.mmbrs-banner .wrap .btn-wrap .btn, .mmbrs-banner .wrap .btn-wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .mmbrs-banner .wrap .btn-wrap a,
.mmbrs-banner .wrap .btn-wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .mmbrs-banner .wrap .btn-wrap button, .mmbrs-banner .wrap .btn-wrap #reg .reg_all_links button, #reg .reg_all_links .mmbrs-banner .wrap .btn-wrap button,
.mmbrs-banner .wrap .btn-wrap #reg .reg_all_links a,
#reg .reg_all_links .mmbrs-banner .wrap .btn-wrap a, .mmbrs-banner .wrap .btn-wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 .mmbrs-banner .wrap .btn-wrap a {
display: inline-block;
margin: 0 6px 20px;
}
.mmbrs-banner .wrap .btn-wrap select {
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
appearance: none;
}
.mmbrs-banner .wrap h1 {
font-size: 40px;
line-height: 1.1;
font-weight: 700;
}
@media (max-width: 1199px) {
.mmbrs-banner .wrap h1 {
font-size: 36px;
}
}
@media (max-width: 767px) {
.mmbrs-banner .wrap h1 {
font-size: 28px;
}
}
@media (max-width: 639px) {
.mmbrs-banner .wrap h1 {
font-size: 24px;
}
}
@media (max-width: 479px) {
.mmbrs-banner .wrap h1 {
font-size: 20px;
}
}
.mmbrs-banner .wrap p {
font-size: 18px;
line-height: 1.78;
max-width: 555px;
margin: 0 auto;
}
@media (max-width: 639px) {
.mmbrs-banner .wrap p {
font-size: 16px;
line-height: 22px;
}
}
.mmbrs-banner .wrap .email {
background: rgba(0, 0, 0, 0.2);
font-size: 18px;
line-height: 20px;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
border-radius: 30px;
white-space: nowrap;
padding: 20px 45px;
margin-top: 40px;
}
@media (max-width: 767px) {
.mmbrs-banner .wrap .email {
margin-top: 30px;
padding: 10px 45px;
font-size: 14px;
line-height: 20px;
}
}
.page-template-admin-graduation #banner.cert.peer.group {
max-width: 100%;
}
.numbers_wrap {
display: flex;
}
.numbers_wrap .slick-slider {
margin-bottom: 0;
}
#numbers {
display: inline-block;
padding: 45px 120px;
position: relative;
margin: -200px 0 0;
height: 200px;
color: #fff;
width: 100%;
}
@media (max-width: 1919px) {
#numbers {
padding: 45px 60px;
}
}
@media (max-width: 1199px) {
#numbers {
padding: 30px 15px;
margin: -160px 0 0;
height: 160px;
}
}
@media (max-width: 991px) {
#numbers {
padding: 40px 0 20px;
margin: -1px 0 0;
height: initial;
}
}
@media (max-width: 639px) {
#numbers {
padding: 40px 0;
}
}
#numbers:before {
background-image: -webkit-linear-gradient(left, color-stop(#2f77c9 0%), color-stop(#4437be 100%));
background-image: -o-linear-gradient(left, #2f77c9 0%, #4437be 100%);
background-image: linear-gradient(to right, #2f77c9 0%, #4437be 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF2F77C9", endColorstr="#FF4437BE", GradientType=1);
content: "";
display: block;
position: absolute;
opacity: 0.7;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
#numbers .nr {
font-size: 51px;
line-height: 1.1em;
font-weight: 100;
}
@media (max-width: 1199px) {
#numbers .nr {
font-size: 36px;
}
}
#numbers p {
font: 600 15px/1.65em "Poppins";
margin: 6px 0 0;
}
@media (max-width: 1919px) {
#numbers p {
font-size: 14px;
}
}
@media (max-width: 1199px) {
#numbers p {
font-size: 13px;
line-height: 1.45em;
height: 60px;
}
}
@media (max-width: 767px) {
#numbers p {
margin: 5px auto 0;
text-align: center;
max-width: 210px;
height: initial;
}
}
@media (max-width: 639px) {
#numbers p {
font-size: 15px;
max-width: 100%;
}
}
@media (max-width: 991px) {
#numbers p br {
display: none;
}
}
@media (max-width: 639px) {
#numbers p br {
display: block;
}
}
.footer {
padding-top: 71px;
padding-bottom: 70px;
max-width: 1260px;
margin-left: auto;
margin-right: auto;
}
.footer .top {
display: flex;
justify-content: space-between;
max-height: 1230px;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 767px) {
.footer .top {
flex-wrap: wrap;
}
}
.footer .top > div {
padding-right: 15px;
padding-left: 15px;
margin-left: 0;
}
@media (max-width: 767px) {
.footer .top > div {
width: 50% !important;
margin-bottom: 40px;
}
}
.footer .top > div:nth-child(1) {
width: 28.5%;
}
.footer .top > div:nth-child(2) {
width: 17.5%;
}
@media (max-width: 767px) {
.footer .top > div:nth-child(2) {
padding-top: 30px;
}
}
.footer .top > div:nth-child(3) {
width: 26.67%;
}
.footer .top > div:nth-child(4) {
width: 16.7%;
}
.footer .top > div:nth-child(5) {
width: 13%;
}
.footer .top > div .logo {
margin-top: -5px;
margin-bottom: 10px;
}
.footer .top > div ul {
padding: 0;
margin: 0;
}
.footer .top > div ul li {
list-style: none;
margin-bottom: 3px;
}
.footer .top > div ul li a {
font-style: normal;
font-weight: normal;
text-decoration: none;
color: #0f0f3d;
font-size: 13px;
text-transform: none;
}
.footer .top > div ul li a:hover {
text-decoration: underline;
}
.footer .logo {
max-width: 150px;
}
.footer h5 {
font-style: normal;
font-weight: 600;
text-decoration: none;
color: #0f0f3d;
font-size: 13px;
line-height: 19px;
letter-spacing: 0;
text-transform: none;
margin-bottom: 15px;
}
.footer .market_wrap {
margin-top: 35px;
}
@media (max-width: 767px) {
.footer .market_wrap.desktop {
display: none;
}
}
.footer .market_wrap.mob {
display: none;
}
@media (max-width: 767px) {
.footer .market_wrap.mob {
display: flex;
justify-content: center;
}
}
.footer .market_wrap a:first-child {
margin-right: 15px;
}
@media (max-width: 991px) {
.footer .market_wrap a:first-child {
margin-bottom: 15px;
display: block;
}
}
.footer .market_wrap a:hover {
text-decoration: none;
}
.footer .market_wrap a > img {
max-width: 120px;
}
.footer .bottom {
display: flex;
justify-content: space-between;
margin-top: 18px;
padding: 0 30px;
}
@media (max-width: 767px) {
.footer .bottom {
align-items: center;
align-content: center;
}
}
.footer .bottom p {
text-decoration: none;
color: #0f0f3d;
font-size: 12px;
line-height: 19px;
letter-spacing: 0;
text-transform: none;
margin-bottom: 15px;
font-weight: 500;
}
@media (max-width: 767px) {
.footer .bottom p {
margin-bottom: 0;
}
}
.footer .bottom ul {
margin-left: 0;
display: flex;
}
.footer .bottom ul li {
list-style: none;
margin-top: -4px;
}
.footer .bottom ul li a {
font-size: 32px;
margin: 0 2px;
}
.footer .bottom ul li a:hover i {
color: #D50204;
}
.footer .bottom ul li a i {
color: #0f0f3d;
transition: all 0.4s;
}
.loading {
position: relative;
}
.loading.modal {
position: fixed;
}
.loading.modal:after {
top: 50%;
}
.loading.modal:before {
display: none;
}
.loading.modal .modal-content {
position: relative;
}
.loading.modal .modal-content:before {
position: absolute;
z-index: 20;
top: 0;
left: 0;
background: #D50204;
width: 100%;
height: 100%;
display: block;
content: "";
opacity: 0.4;
}
.loading .content {
left: 0 !important;
}
.loading:before {
position: absolute;
z-index: 1;
top: 0;
left: 0;
background: #D50204;
width: 100%;
height: 100%;
display: block;
content: "";
opacity: 0.4;
}
.loading:after {
position: absolute;
z-index: 2;
top: calc(50% - 22px);
left: calc(50% - 22px);
content: " ";
display: block;
width: 44px;
height: 44px;
margin: 0px;
border-radius: 50%;
border: 6px solid #fff;
border-color: #fff transparent #fff transparent;
animation: loading 1.2s linear infinite;
}
@keyframes loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#prices {
font-family: "Poppins";
}
@media (max-width: 479px) {
#prices .container {
padding: 0;
}
}
#prices .head {
padding: 32px 40px 30px;
position: relative;
background: #fff;
text-align: left;
color: #000;
}
@media (max-width: 991px) {
#prices .head {
padding: 30px 20px;
}
}
@media (max-width: 767px) {
#prices .head {
margin: 160px 0 0;
}
}
#prices .head.enhanced {
background: #1b419a;
color: #fff;
}
@media (max-width: 767px) {
#prices .head.enhanced {
margin: 40px 0 0;
}
}
#prices .head.enhanced img.box {
width: 162px;
right: 23px;
top: -70px;
}
@media (max-width: 1199px) {
#prices .head.enhanced img.box {
right: -10px;
}
}
@media (max-width: 991px) {
#prices .head.enhanced img.box {
width: 140px;
top: -60px;
}
}
@media (max-width: 767px) {
#prices .head.enhanced img.box {
width: 160px;
right: 10px;
top: -80px;
}
}
@media (max-width: 479px) {
#prices .head.enhanced img.box {
width: 140px;
top: -70px;
right: 0;
}
}
#prices .head h3 {
font-size: 32px;
line-height: 1.2em;
font-weight: 700;
margin: 16px 0 0;
}
@media (max-width: 479px) {
#prices .head h3 {
font-size: 28px;
margin: 10px 0 3px;
}
}
#prices .head p {
font-size: 17px;
line-height: 1.45em;
margin: 0;
}
@media (max-width: 479px) {
#prices .head p {
font-size: 15px;
}
}
#prices .head img.box {
position: absolute;
width: 125px;
right: 38px;
top: -40px;
}
@media (max-width: 1199px) {
#prices .head img.box {
right: 0;
}
}
@media (max-width: 991px) {
#prices .head img.box {
width: 110px;
top: -35px;
}
}
@media (max-width: 767px) {
#prices .head img.box {
width: 160px;
right: 10px;
top: -80px;
}
}
@media (max-width: 639px) {
#prices .head img.box {
width: 140px;
top: -70px;
right: 0;
}
}
#prices .wrap {
-webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.1);
box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.1);
margin: 0 auto;
}
#prices .details .toggle {
font-size: 17px;
line-height: 62px;
font-weight: 700;
letter-spacing: 2.5px;
background: #e6e6e6;
position: relative;
border-radius: 0px;
box-shadow: none;
color: #0f70c9;
width: 100%;
padding: 0;
}
@media (max-width: 639px) {
#prices .details .toggle {
font-size: 15px;
line-height: 46px;
}
}
#prices .details .toggle.enhanced {
background: #0f70c9;
color: #fff;
}
#prices .details .toggle.enhanced:hover {
background: #e6e6e6;
color: #0f70c9;
}
#prices .details .toggle:hover {
background: #0f70c9;
color: #fff;
}
#prices .details .toggle:before {
border-radius: 0;
}
#prices .details .toggle:after {
margin: 3px -12px -3px 5px;
display: inline-block;
font-family: entypo;
font-style: normal;
content: "\e75c";
}
#prices .details .toggle.in .out {
display: inline-block;
}
#prices .details .toggle.in .in {
display: none;
}
#prices .details .toggle.in:after {
content: "\e75f";
}
#prices .details .toggle .in {
display: inline-block;
}
#prices .details .toggle .out {
display: none;
}
#prices .details span.toggle:after {
display: none;
}
#prices .details ul {
text-align: center;
list-style: none;
padding: 0;
margin: 0;
}
#prices .details ul li {
font-size: 17px;
line-height: 1.45em;
color: #444;
overflow: hidden;
background: #fff;
display: table;
height: 150px;
width: 100%;
}
@media (max-width: 767px) {
#prices .details ul li {
height: initial;
padding: 20px 0;
}
}
@media (max-width: 639px) {
#prices .details ul li {
font-size: 15px;
}
}
#prices .details ul li.cceu .inner {
text-align: center;
}
#prices .details ul li.cceu h3 {
font-size: 26px;
font-weight: 700;
color: #D50204;
letter-spacing: 0.7px;
margin: -32px 0 0;
}
@media (max-width: 767px) {
#prices .details ul li.cceu h3 {
margin: 35px 0 40px;
}
}
#prices .details ul li.cceu h3 a {
font-size: 18px;
line-height: 22px;
color: #fff;
vertical-align: middle;
display: inline-block;
text-decoration: none;
padding: 0 0 0 1px;
border-radius: 50%;
text-align: center;
margin: -4px 0 0;
background: #aaa;
cursor: pointer;
height: 22px;
width: 22px;
}
#prices .details ul li.cceu h3 a:hover {
background: #D50204;
}
#prices .details ul li:nth-child(2n) {
background: #f7f7f7;
}
#prices .details ul li .inner {
vertical-align: middle;
display: table-cell;
text-align: left;
padding: 0 75px;
margin: 0 auto;
width: 100%;
}
@media (max-width: 1199px) {
#prices .details ul li .inner {
padding: 0 35px;
}
}
#prices .details ul li .inner .dot {
font-size: 26px;
text-align: center;
color: #D50204;
display: block;
}
#prices .details ul li b {
position: relative;
color: #D50204;
}
#prices .details ul li b:before {
display: inline-block;
font-family: entypo;
position: absolute;
content: "▸";
color: #a1a1a1;
left: -23px;
top: 0;
}
@media (max-width: 1199px) {
#prices .details ul li b:before {
left: -15px;
}
}
#prices .foot {
margin: -1px 0 -30px 1px;
background: #e5e5e5;
text-align: center;
display: table;
width: 100%;
padding: 0;
}
#prices .foot.in {
padding: 80px 0 0;
}
#prices .foot .purchased {
vertical-align: middle;
display: table-cell;
text-align: center;
padding: 0 20px;
margin: 0 auto;
width: 100%;
}
#prices .foot .purchased .icon-check {
background: #00a763;
border-radius: 50%;
text-align: center;
line-height: 56px;
font-size: 36px;
height: 56px;
width: 56px;
color: #fff;
}
#prices .foot .purchased p {
font: 700 20px "Poppins";
line-height: 1.6em;
margin: 0;
}
#prices .foot .purchased p b {
color: #00a763;
font-size: 18px;
}
#prices .foot ul {
list-style: none;
padding: 0;
margin: 0;
}
#prices .foot ul li.full_price {
font-size: 20px;
color: #2d2d2d;
padding: 20px 0;
opacity: 0.6;
margin: 0;
}
#prices .foot ul li.full_price span {
background: url("../img/line_through.png") no-repeat center center;
background-size: contain;
padding: 0 5px 0 10px;
margin: 0 auto 6px;
display: table;
}
#prices .foot ul li.sale_price {
font-size: 18px;
color: #F2EC28;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
padding: 10px 0;
}
#prices .foot ul li.sale_price span {
font-size: 42px;
margin: 0 0 10px;
display: block;
}
#prices .foot ul li.gray_text {
font: 600 15px "Poppins";
color: #666;
}
#prices .foot ul li.gray_text b {
color: #000;
}
#prices .foot ul li.pay_in {
color: #F2EC28;
font-weight: 700;
font-size: 18px;
padding: 0;
}
#prices .foot .inner_wrap {
padding: 0 40px 60px;
position: relative;
}
@media (max-width: 1199px) {
#prices .foot .inner_wrap {
padding: 0 20px 75px;
}
}
#prices .foot .inner_wrap form.ifs_submit {
width: 100%;
}
#prices .foot .monthly {
background: #fff;
}
#prices .foot .monthly .inner_wrap {
padding-bottom: 45px;
}
#prices .foot .monthly .btn.btn-yellow, #prices .foot .monthly #reg .media_wrap_cohort .media .right a.btn-yellow, #reg .media_wrap_cohort .media .right #prices .foot .monthly a.btn-yellow,
#prices .foot .monthly #reg .media_wrap_cohort .media .right button.btn-yellow,
#reg .media_wrap_cohort .media .right #prices .foot .monthly button.btn-yellow, #prices .foot .monthly #reg .reg_all_links button.btn-yellow, #reg .reg_all_links #prices .foot .monthly button.btn-yellow,
#prices .foot .monthly #reg .reg_all_links a.btn-yellow,
#reg .reg_all_links #prices .foot .monthly a.btn-yellow, #prices .foot .monthly #modal_module_completed .modal-body h2 a.btn-yellow, #modal_module_completed .modal-body h2 #prices .foot .monthly a.btn-yellow {
letter-spacing: 0px;
}
#prices .foot .btn.btn-yellow, #prices .foot #reg .media_wrap_cohort .media .right a.btn-yellow, #reg .media_wrap_cohort .media .right #prices .foot a.btn-yellow,
#prices .foot #reg .media_wrap_cohort .media .right button.btn-yellow,
#reg .media_wrap_cohort .media .right #prices .foot button.btn-yellow, #prices .foot #reg .reg_all_links button.btn-yellow, #reg .reg_all_links #prices .foot button.btn-yellow,
#prices .foot #reg .reg_all_links a.btn-yellow,
#reg .reg_all_links #prices .foot a.btn-yellow, #prices .foot #modal_module_completed .modal-body h2 a.btn-yellow, #modal_module_completed .modal-body h2 #prices .foot a.btn-yellow {
font-size: 20px;
letter-spacing: 3px;
position: relative;
padding: 16px 0;
height: initial;
cursor: pointer;
width: 100%;
top: -33px;
}
@media (max-width: 1199px) {
#prices .foot .btn.btn-yellow, #prices .foot #reg .media_wrap_cohort .media .right a.btn-yellow, #reg .media_wrap_cohort .media .right #prices .foot a.btn-yellow,
#prices .foot #reg .media_wrap_cohort .media .right button.btn-yellow,
#reg .media_wrap_cohort .media .right #prices .foot button.btn-yellow, #prices .foot #reg .reg_all_links button.btn-yellow, #reg .reg_all_links #prices .foot button.btn-yellow,
#prices .foot #reg .reg_all_links a.btn-yellow,
#reg .reg_all_links #prices .foot a.btn-yellow, #prices .foot #modal_module_completed .modal-body h2 a.btn-yellow, #modal_module_completed .modal-body h2 #prices .foot a.btn-yellow {
letter-spacing: 1.5px;
font-size: 16px;
padding: 12px 0;
top: -24px;
}
}
#prices .foot .btn.btn-yellow:hover, #prices .foot #reg .media_wrap_cohort .media .right a.btn-yellow:hover, #reg .media_wrap_cohort .media .right #prices .foot a.btn-yellow:hover,
#prices .foot #reg .media_wrap_cohort .media .right button.btn-yellow:hover,
#reg .media_wrap_cohort .media .right #prices .foot button.btn-yellow:hover, #prices .foot #reg .reg_all_links button.btn-yellow:hover, #reg .reg_all_links #prices .foot button.btn-yellow:hover,
#prices .foot #reg .reg_all_links a.btn-yellow:hover,
#reg .reg_all_links #prices .foot a.btn-yellow:hover, #prices .foot #modal_module_completed .modal-body h2 a.btn-yellow:hover, #modal_module_completed .modal-body h2 #prices .foot a.btn-yellow:hover {
background: #f1ea10;
border-color: #f1ea10;
}
#prices .foot .or {
font: 700 20px "Poppins";
margin: 36px auto 0px;
display: table;
}
form#check_email .email {
margin: 20px auto;
max-width: 360px;
}
form#check_email input.btn.btn-main-color {
text-transform: uppercase;
letter-spacing: 0;
margin: 0 0 40px;
padding: 0 35px;
}
#modal_group_joined .close {
display: none;
}
#modal_module_completed .modal-header {
background: transparent;
border: initial;
}
#modal_module_completed .modal-header .close {
right: 14px;
top: 7px;
color: #000;
}
#modal_module_completed .modal-body {
padding: 30px 30px 30px;
}
@media (max-width: 767px) {
#modal_module_completed .modal-body {
padding: 40px 20px 20px;
}
}
@media (max-width: 639px) {
#modal_module_completed .modal-body {
padding: 30px 15px 10px;
}
}
#modal_module_completed .modal-body > img {
display: block;
max-width: 115px;
margin: 0px auto 20px;
}
#modal_module_completed .modal-body h1, #modal_module_completed .modal-body h2, #modal_module_completed .modal-body h3, #modal_module_completed .modal-body h4, #modal_module_completed .modal-body h5 {
text-align: center;
font-size: 26px;
font-weight: 600;
}
@media (max-width: 767px) {
#modal_module_completed .modal-body h1, #modal_module_completed .modal-body h2, #modal_module_completed .modal-body h3, #modal_module_completed .modal-body h4, #modal_module_completed .modal-body h5 {
font-size: 22px;
}
}
#modal_module_completed .modal-body p {
text-align: center;
font-size: 18px;
line-height: 26px;
}
@media (max-width: 767px) {
#modal_module_completed .modal-body p {
font-size: 16px;
line-height: 24px;
}
}
#modal_module_completed .modal-body h2 a {
display: block;
max-width: 250px;
text-align: center;
margin: 30px auto 0;
}
#modal_module_completed .modal-body h2 a:hover {
text-decoration: none !important;
background: #f510b8 !important;
}
#modal_get_access .modal-dialog {
max-width: 730px;
}
#modal_get_access .modal-header {
background: #fff;
border-bottom: unset;
padding-bottom: 0;
}
#modal_get_access .modal-header button {
font-size: 0;
margin: 12px 0 0;
padding: 0;
}
#modal_get_access .modal-header button:before {
content: "";
display: block;
width: 24px;
height: 24px;
background: url(../../assets/img/icons/ico_close.svg) center no-repeat;
}
#modal_get_access .modal-body {
padding: 30px 15px;
text-align: center;
}
@media (min-width: 768px) {
#modal_get_access .modal-body {
padding: 30px;
}
}
@media (min-width: 992px) {
#modal_get_access .modal-body {
padding: 34px 117px 115px 116px;
}
}
#modal_get_access .modal-body .modal_logo {
margin-bottom: 34px;
}
#modal_get_access .modal-body h3 {
font-size: 22px;
line-height: 1.4;
font-weight: 700;
color: #D50204;
font-family: "Inter", serif;
margin: 20px 0;
text-align: center;
}
@media (min-width: 768px) {
#modal_get_access .modal-body h3 {
font-size: 30px;
margin: 34px 0;
}
}
#modal_get_access .modal-body a {
color: #D50204;
}
#modal_get_access .modal-body p {
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: #000;
margin: 0 0 32px;
}
@media (max-width: 767px) {
#modal_get_access .modal-body p {
font-size: 14px;
margin: 0 0 18px 0;
}
}
#modal_get_access .modal-body p b {
color: #000;
}
#modal_get_access .modal-body .btn, #modal_get_access .modal-body #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modal_get_access .modal-body a,
#modal_get_access .modal-body #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modal_get_access .modal-body button, #modal_get_access .modal-body #reg .reg_all_links button, #reg .reg_all_links #modal_get_access .modal-body button,
#modal_get_access .modal-body #reg .reg_all_links a,
#reg .reg_all_links #modal_get_access .modal-body a, #modal_get_access #modal_module_completed .modal-body h2 a, #modal_module_completed #modal_get_access .modal-body h2 a {
font-size: 16px;
line-height: 1;
font-weight: 600;
color: #fff;
font-family: "Poppins", serif;
width: 250px;
height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 2px;
background: #D50204;
padding: 0;
letter-spacing: unset;
}
#modal_get_access .modal-body ul {
text-align: left;
max-width: 340px;
margin: 0 auto 30px;
padding-left: 15px;
}
@media (min-width: 768px) {
#modal_get_access .modal-body ul {
margin: 0 auto 60px;
}
}
#modal_get_access .modal-body ul li {
font-size: 18px;
line-height: 1.6;
font-weight: 400;
color: #0F0F3D;
font-family: "Inter", serif;
}
@media (min-width: 768px) {
#modal_get_access .modal-body ul li {
font-size: 22px;
}
}
.modal-dialog.modal-dialog-centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem);
}
#group.join .card-body .modal_supervision_terms .modal-dialog {
max-width: 900px;
}
#group.join .card-body .modal_supervision_terms .modal-header {
background-image: url("../img/bg/pop_up_bg_sv.jpg");
}
#group.join .card-body .modal_supervision_terms .modal-header h4 {
margin: 0;
font-size: 20px;
color: #fff;
}
#group.join .card-body .modal_supervision_terms .modal-body {
padding: 60px;
}
#group.join .card-body .modal_supervision_terms .modal-body h1 {
font-size: 28px;
line-height: 1.2;
font-weight: 600;
margin-bottom: 20px;
}
#group.join .card-body .modal_supervision_terms .modal-body .steps {
margin-top: -8px;
padding-left: 20px;
margin-bottom: 60px;
}
#group.join .card-body .modal_supervision_terms .modal-body h2 {
font-size: 24px;
font-weight: 600;
}
#group.join .card-body .modal_supervision_terms .modal-body h3 {
font-size: 22px;
line-height: 1.2;
font-weight: 600;
color: #000;
margin: 0 0 10px;
}
@media (max-width: 767px) {
#group.join .card-body .modal_supervision_terms .modal-body h3 {
font-size: 20px;
}
}
#group.join .card-body .modal_supervision_terms .modal-body h5 {
font-size: 18px;
font-weight: bold;
color: #000;
margin: 0 0 10px;
}
@media (max-width: 767px) {
#group.join .card-body .modal_supervision_terms .modal-body h5 {
font-size: 16px;
}
}
#group.join .card-body .modal_supervision_terms .modal-body h6 {
font-weight: bold;
font-size: 16px;
line-height: 22px;
margin-bottom: 14px;
color: #000;
font-weight: 400;
text-decoration: underline;
}
#group.join .card-body .modal_supervision_terms .modal-body a {
color: #D50204;
}
#group.join .card-body .modal_supervision_terms .modal-body .und_ul {
margin-bottom: 0px;
}
#group.join .card-body .modal_supervision_terms .modal-body p {
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: #000;
margin: 0 0 32px;
}
@media (max-width: 767px) {
#group.join .card-body .modal_supervision_terms .modal-body p {
font-size: 14px;
margin: 0 0 18px 0;
}
}
#group.join .card-body .modal_supervision_terms .modal-body p b {
color: #000;
}
#group.join .card-body .modal_supervision_terms .modal-body ul,
#group.join .card-body .modal_supervision_terms .modal-body ol {
display: block;
margin-top: -28px;
margin-bottom: 45px;
}
@media (max-width: 767px) {
#group.join .card-body .modal_supervision_terms .modal-body ul,
#group.join .card-body .modal_supervision_terms .modal-body ol {
margin-top: -16px;
padding-left: 20px;
margin-bottom: 20px;
}
}
#group.join .card-body .modal_supervision_terms .modal-body ul ul,
#group.join .card-body .modal_supervision_terms .modal-body ul ol,
#group.join .card-body .modal_supervision_terms .modal-body ol ul,
#group.join .card-body .modal_supervision_terms .modal-body ol ol {
margin-top: 0;
margin-bottom: 0;
}
#group.join .card-body .modal_supervision_terms .modal-body ul li,
#group.join .card-body .modal_supervision_terms .modal-body ol li {
font-size: 16px;
line-height: 1.6;
margin: 0 0 3px;
color: #000;
}
@media (max-width: 767px) {
#group.join .card-body .modal_supervision_terms .modal-body ul li,
#group.join .card-body .modal_supervision_terms .modal-body ol li {
font-size: 14px;
}
}
#group.join .card-body .modal_supervision_terms .modal-body .btn, #group.join .card-body .modal_supervision_terms .modal-body #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #group.join .card-body .modal_supervision_terms .modal-body a,
#group.join .card-body .modal_supervision_terms .modal-body #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #group.join .card-body .modal_supervision_terms .modal-body button, #group.join .card-body .modal_supervision_terms .modal-body #reg .reg_all_links button, #reg .reg_all_links #group.join .card-body .modal_supervision_terms .modal-body button,
#group.join .card-body .modal_supervision_terms .modal-body #reg .reg_all_links a,
#reg .reg_all_links #group.join .card-body .modal_supervision_terms .modal-body a, #group.join .card-body .modal_supervision_terms #modal_module_completed .modal-body h2 a, #modal_module_completed #group.join .card-body .modal_supervision_terms .modal-body h2 a {
letter-spacing: 2.2px;
border-radius: 100px;
padding: 15px 60px;
margin: 30px auto 0;
}
@media (max-width: 479px) {
#group.join .card-body .modal_supervision_terms .modal-body .btn, #group.join .card-body .modal_supervision_terms .modal-body #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #group.join .card-body .modal_supervision_terms .modal-body a,
#group.join .card-body .modal_supervision_terms .modal-body #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #group.join .card-body .modal_supervision_terms .modal-body button, #group.join .card-body .modal_supervision_terms .modal-body #reg .reg_all_links button, #reg .reg_all_links #group.join .card-body .modal_supervision_terms .modal-body button,
#group.join .card-body .modal_supervision_terms .modal-body #reg .reg_all_links a,
#reg .reg_all_links #group.join .card-body .modal_supervision_terms .modal-body a, #group.join .card-body .modal_supervision_terms #modal_module_completed .modal-body h2 a, #modal_module_completed #group.join .card-body .modal_supervision_terms .modal-body h2 a {
letter-spacing: 1.5px;
font-size: 14px;
padding: 12px;
}
}
#modal_rules .modal-body .txt_wrap {
padding: 40px 0 50px;
}
#modal_rules .modal-body p {
margin: 0 0 20px;
max-width: 100%;
}
#modal_rules .modal-body .btn, #modal_rules .modal-body #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modal_rules .modal-body a,
#modal_rules .modal-body #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modal_rules .modal-body button, #modal_rules .modal-body #reg .reg_all_links button, #reg .reg_all_links #modal_rules .modal-body button,
#modal_rules .modal-body #reg .reg_all_links a,
#reg .reg_all_links #modal_rules .modal-body a, #modal_rules #modal_module_completed .modal-body h2 a, #modal_module_completed #modal_rules .modal-body h2 a {
letter-spacing: 3.5px;
padding: 15px 60px;
}
.modal .modal-dialog {
max-width: 725px;
overflow: hidden;
}
@media (max-width: 767px) {
.modal .modal-dialog {
margin: 10px auto;
}
}
.modal .modal-content {
border-radius: 8px;
overflow: hidden;
width: 100%;
}
.modal .modal-header {
background: #D50204;
background-size: cover;
text-align: center;
position: relative;
display: block;
color: #fff;
}
.modal .modal-header h4 {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
padding: 8px 0;
width: 100%;
margin: 0;
}
@media (max-width: 767px) {
.modal .modal-header h4 {
padding: 0 20px 0 0;
}
}
@media (max-width: 479px) {
.modal .modal-header h4 {
letter-spacing: 1px;
text-align: left;
font-weight: 600;
}
}
.modal .modal-header button {
position: absolute;
cursor: pointer;
font-size: 32px;
right: 19px;
color: #fff;
z-index: 1;
opacity: 1;
top: 13px;
}
.modal .modal-header button:hover {
transition: all 0.3s ease-in-out;
}
.modal .modal-header button:focus {
outline: none;
}
@media (max-width: 767px) {
.modal .modal-header button {
font-size: 32px;
right: 30px;
padding: 0;
top: 20px;
}
}
.modal#modal_cohort_selected .modal-header .modal-title {
font-size: 20px;
}
.modal#modal_cohort_selected .modal-body {
padding: 60px 15px;
}
@media (max-width: 767px) {
.modal#modal_cohort_selected .modal-body {
padding: 30px 15px;
}
}
.modal#modal_cohort_selected .modal-body p {
font-size: 22px;
margin-bottom: 20px;
}
.modal#modal_assignment .modal-header .close {
top: 8px;
}
.modal#modal_assignment .modal-body {
padding: 40px 30px;
text-align: center;
}
.modal#modal_assignment .modal-body h3 {
font-weight: 600;
margin-bottom: 25px;
}
.modal#modal_assignment .modal-body .icon-check {
font-size: 26px;
color: green;
}
.modal.sv .modal-header {
background-image: url("../img/bg/pop_up_bg_sv.jpg");
}
.modal.reg_ty {
height: initial;
}
.modal.reg_ty .modal-dialog {
max-width: 650px;
}
.modal.reg_ty .modal-body {
padding: 60px 70px 50px;
}
@media (max-width: 639px) {
.modal.reg_ty .modal-body {
padding: 40px 40px 30px;
}
}
.modal.reg_ty .modal-body h3 {
text-align: center;
font-size: 26px;
font-weight: 600;
line-height: 32px;
margin-bottom: 25px;
}
@media (max-width: 767px) {
.modal.reg_ty .modal-body h3 {
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
}
}
@media (max-width: 639px) {
.modal.reg_ty .modal-body h3 {
margin-bottom: 1px;
}
}
.modal.reg_ty .modal-body p {
text-align: center;
font-size: 18px;
line-height: 24px;
}
@media (max-width: 767px) {
.modal.reg_ty .modal-body p {
font-size: 16px;
}
}
.modal.reg_ty .modal-body a {
color: #D50204;
font-weight: 600;
}
.modal.reg_call .modal-header {
background: none;
border: none;
}
.modal.reg_call .modal-header .close {
color: #D50204;
margin: -15px;
font-weight: 400;
}
.modal.reg_call .modal-body {
padding: 0 80px 60px;
}
@media (max-width: 767px) {
.modal.reg_call .modal-body {
padding: 0 30px 30px;
}
}
.modal.reg_call .txt_wrap {
text-align: center;
font-size: 24px;
line-height: 160%;
}
@media (max-width: 767px) {
.modal.reg_call .txt_wrap {
font-size: 18px;
}
}
.modal.reg_call .txt_wrap img {
margin-top: 40px;
margin-bottom: 20px;
}
.modal.reg_call .txt_wrap .btn, .modal.reg_call .txt_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .modal.reg_call .txt_wrap a,
.modal.reg_call .txt_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .modal.reg_call .txt_wrap button, .modal.reg_call .txt_wrap #reg .reg_all_links button, #reg .reg_all_links .modal.reg_call .txt_wrap button,
.modal.reg_call .txt_wrap #reg .reg_all_links a,
#reg .reg_all_links .modal.reg_call .txt_wrap a, .modal.reg_call .txt_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 .modal.reg_call .txt_wrap a {
margin-top: 30px;
margin-bottom: 10px;
border-radius: 60px;
letter-spacing: 0;
font-weight: 600;
font-size: 18px;
}
.modal#modal_group_joined .modal-dialog {
max-width: 650px;
}
.modal#modal_group_joined .modal-body {
padding: 60px 70px 50px;
}
@media (max-width: 639px) {
.modal#modal_group_joined .modal-body {
padding: 40px 40px 30px;
}
}
.modal#modal_group_joined .modal-body h3 {
text-align: center;
font-size: 26px;
font-weight: 600;
line-height: 32px;
margin-bottom: 25px;
}
@media (max-width: 767px) {
.modal#modal_group_joined .modal-body h3 {
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
}
}
@media (max-width: 639px) {
.modal#modal_group_joined .modal-body h3 {
margin-bottom: 1px;
}
}
.modal#modal_group_joined .modal-body p {
text-align: center;
font-size: 18px;
line-height: 24px;
}
@media (max-width: 767px) {
.modal#modal_group_joined .modal-body p {
font-size: 16px;
}
}
.modal#modal_group_joined .modal-body a {
color: #D50204;
font-weight: 600;
}
.modal.terms .modal-dialog {
max-width: 1100px;
}
.modal.terms .modal-header {
background: url(../img/modal_bg.jpg) 50% 0% no-repeat;
background-size: cover;
padding: 20px 15px;
}
.modal.terms .modal-header h4 {
font-size: 30px;
font-weight: 700;
text-transform: none;
letter-spacing: 0;
padding: 0;
}
@media (max-width: 991px) {
.modal.terms .modal-header h4 {
font-size: 28px;
}
}
@media (max-width: 767px) {
.modal.terms .modal-header h4 {
font-size: 24px;
}
}
@media (max-width: 639px) {
.modal.terms .modal-header h4 {
font-size: 22px;
}
}
@media (max-width: 479px) {
.modal.terms .modal-header h4 {
font-size: 20px;
}
}
.modal.terms .modal-body h4 {
font-size: 22px;
font-weight: 600;
color: #000;
margin: 25px 0 10px;
}
@media (max-width: 1199px) {
.modal.terms .modal-body h4 {
font-size: 20px;
}
}
@media (max-width: 991px) {
.modal.terms .modal-body h4 {
font-size: 18px;
margin: 25px 0 5px;
}
}
.modal.terms .modal-body p {
font-size: 17px;
line-height: 1.9;
color: #666;
margin: 0 0 30px;
}
@media (max-width: 991px) {
.modal.terms .modal-body p {
font-size: 16px;
line-height: 1.45;
margin: 0 0 8px;
}
}
.modal.terms .modal-body p a,
.modal.terms .modal-body p b {
color: #D50204;
font-weight: 700;
}
.modal.terms .modal-body .txt_wrap {
padding: 0 170px 40px;
}
@media (max-width: 1919px) {
.modal.terms .modal-body .txt_wrap {
padding: 0 80px 40px;
}
}
@media (max-width: 1199px) {
.modal.terms .modal-body .txt_wrap {
padding: 0 50px 20px;
}
}
@media (max-width: 991px) {
.modal.terms .modal-body .txt_wrap {
padding: 0 0 20px;
}
}
.modal.cert_team .modal-dialog {
max-width: 1100px;
}
.modal.cert_team .modal-content {
padding: 56px 95px;
border-radius: 0;
}
@media (max-width: 1919px) {
.modal.cert_team .modal-content {
padding: 30px 65px;
}
}
@media (max-width: 1199px) {
.modal.cert_team .modal-content {
padding: 20px 45px;
}
}
@media (max-width: 991px) {
.modal.cert_team .modal-content {
padding: 0 15px 20px;
}
}
@media (max-width: 639px) {
.modal.cert_team .modal-content {
padding: 0 15px 20px;
}
}
.modal.cert_team .modal-header {
background: #fff;
margin: 0 0 56px;
border: none;
padding: 0;
}
@media (max-width: 1919px) {
.modal.cert_team .modal-header {
margin: 0 0 45px;
}
}
@media (max-width: 1199px) {
.modal.cert_team .modal-header {
margin: 0 0 30px;
}
}
@media (max-width: 479px) {
.modal.cert_team .modal-header {
padding: 0 15px 0;
margin: 0 -15px 20px;
}
}
.modal.cert_team .modal-header:after {
border-bottom: 1px solid #ddd;
position: absolute;
display: block;
width: 100%;
bottom: 7px;
z-index: 0;
}
@media (max-width: 639px) {
.modal.cert_team .modal-header:after {
display: none;
}
}
.modal.cert_team .modal-header h4 {
font-size: 18px;
line-height: 1.45em;
font-weight: 600;
color: #000;
border-bottom: 1px solid #ddd;
text-transform: none;
padding: 12px 0;
position: relative;
letter-spacing: 0;
background: #fff;
text-align: left;
display: block;
width: initial;
z-index: 1;
margin: 0;
}
@media (max-width: 767px) {
.modal.cert_team .modal-header h4 {
font-size: 16px;
}
}
.modal.cert_team .modal-header button {
font-size: 14px;
line-height: 1.45em;
font-weight: 500;
color: #D50204;
padding: 0 0 0 20px;
display: flex;
align-items: center;
justify-content: flex-end;
bottom: 1px;
position: absolute;
background: #fff;
z-index: 2;
margin: 0;
right: 0;
top: 5px;
}
@media (max-width: 479px) {
.modal.cert_team .modal-header button {
right: 15px;
padding: 0;
top: 1px;
}
}
.modal.cert_team .modal-header button:before {
display: inline-block;
content: "Close ";
}
@media (max-width: 639px) {
.modal.cert_team .modal-header button:before {
display: none;
}
}
.modal.cert_team .modal-header button span {
vertical-align: bottom;
font-size: 22px;
margin-left: 5px;
line-height: 1;
}
.modal.cert_team .modal-body {
padding: 0;
}
.modal.cert_team .container {
padding: 0;
}
.modal.rules .txt_wrap {
text-align: center;
padding: 40px 0;
}
.modal.tc_sssn_confirm.no_pass .check_pass .wrap_inputs {
display: none;
}
.modal.tc_sssn_confirm .modal-body {
background: #f5f5f5;
}
.modal.tc_sssn_confirm .modal-body .tc_confirm {
margin-top: 15px;
}
.modal.tc_sssn_confirm .txt_wrap {
text-align: center;
max-width: 480px;
margin: 0 auto;
}
.modal.tc_sssn_confirm .txt_wrap h3 {
font-size: 32px;
line-height: 1.45em;
font-weight: 600;
color: #D50204;
margin: 40px 0 5px;
}
@media (max-width: 991px) {
.modal.tc_sssn_confirm .txt_wrap h3 {
font-size: 24px;
}
}
@media (max-width: 479px) {
.modal.tc_sssn_confirm .txt_wrap h3 {
font-size: 20px;
margin: 20px 0 5px;
}
}
.modal.tc_sssn_confirm .txt_wrap p {
font-size: 20px;
line-height: 1.45em;
font-weight: 400;
}
@media (max-width: 991px) {
.modal.tc_sssn_confirm .txt_wrap p {
font-size: 16px;
}
}
@media (max-width: 479px) {
.modal.tc_sssn_confirm .txt_wrap p {
font-size: 15px;
margin: 0;
}
}
.modal.tc_sssn_confirm .check_pass {
margin: 30px auto 60px;
max-width: 480px;
text-align: center;
}
@media (max-width: 991px) {
.modal.tc_sssn_confirm .check_pass {
margin: 20px auto 50px;
}
}
@media (max-width: 479px) {
.modal.tc_sssn_confirm .check_pass {
margin: 5px auto 35px;
}
}
.modal.tc_sssn_confirm .check_pass .row {
margin: 0 -5px;
}
@media (max-width: 479px) {
.modal.tc_sssn_confirm .check_pass .row {
margin: 0 -15px;
}
}
.modal.tc_sssn_confirm .check_pass .row .col {
padding: 0 5px;
}
@media (max-width: 479px) {
.modal.tc_sssn_confirm .check_pass .row .col {
padding: 0 15px;
width: 100%;
flex: none;
}
}
.modal.tc_sssn_confirm .check_pass input.form-control {
height: 56px;
}
@media (max-width: 991px) {
.modal.tc_sssn_confirm .check_pass input.form-control {
padding: 0 15px;
height: 44px;
}
}
@media (max-width: 479px) {
.modal.tc_sssn_confirm .check_pass input.form-control {
margin: 10px 0 0;
}
}
.modal.tc_sssn_confirm .check_pass .custom_tc_confirm {
margin-top: 15px;
}
.modal.tc_sssn_confirm .alert {
font-size: 16px;
line-height: 1.45em;
text-align: center;
display: none;
}
.modal.change_pass h3 {
font-size: 24px;
line-height: 1.45em;
font-weight: 600;
color: #D50204;
text-align: center;
}
@media (max-width: 639px) {
.modal.change_pass h3 {
font-size: 22px;
}
}
@media (max-width: 479px) {
.modal.change_pass h3 {
font-size: 20px;
}
}
.modal.change_pass p.submit {
margin: 0;
}
.modal.change_pass .modal-body {
padding: 0;
}
.modal.change_pass .gray_bg {
padding: 60px 15px 70px;
background: #f5f5f5;
text-align: center;
}
@media (max-width: 479px) {
.modal.change_pass .gray_bg {
padding: 40px 15px 50px;
}
}
.modal.change_pass #changepasswordform {
margin: 30px auto 0;
max-width: 450px;
}
@media (max-width: 479px) {
.modal.change_pass #changepasswordform {
margin: 15px auto 0;
font-size: 14px;
}
}
.modal.change_pass #changepasswordform input {
font-size: 15px;
font-weight: 600;
color: #777;
transition: all 0.3s linear;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 2px;
position: relative;
box-shadow: none;
margin: 12px 0 0;
padding: 0 18px;
height: 60px;
width: 100%;
z-index: 1;
}
@media (max-width: 639px) {
.modal.change_pass #changepasswordform input {
padding: 0 12px;
height: 44px;
}
}
.modal.change_pass #changepasswordform input:focus {
box-shadow: none;
border: 1px solid #D50204;
}
.modal.change_pass #changepasswordform #i4w-password-change-submit {
font-size: 17px;
font-weight: 600;
color: #fff;
transition: all 0.3s linear;
text-transform: uppercase;
background: #D50204;
letter-spacing: 3px;
white-space: normal;
border-radius: 2px;
margin: 15px 0 0;
cursor: pointer;
width: 100%;
}
.modal.change_pass #changepasswordform #i4w-password-change-submit:hover {
background: #fd0d10;
}
@media (max-width: 639px) {
.modal.change_pass #changepasswordform #i4w-password-change-submit {
font-size: 15px;
letter-spacing: 2px;
margin: 15px 0 0;
}
}
.modal.change_avatar #basic-user-avatar-form {
text-align: center;
margin: 40px 0 45px;
}
.modal.change_avatar #basic-user-avatar-form img {
height: auto;
width: 90px;
}
.modal.change_avatar #basic-local-avatar {
transition: all 0.3s linear;
background: transparent;
vertical-align: middle;
border: 2px solid #ddd;
border-style: dashed;
margin: 15px auto;
height: initial;
display: table;
padding: 15px;
}
.modal.change_avatar #basic-local-avatar:hover, .modal.change_avatar #basic-local-avatar:focus {
border: 2px solid #D50204;
border-style: dashed;
box-shadow: none;
outline: none;
}
.modal.change_avatar input[type=checkbox] {
margin: 0 5px 17px 0;
height: initial;
float: none;
}
.modal.change_avatar input[type=checkbox]:before {
border: 2px solid #ddd;
}
.modal.change_avatar input[type=checkbox]:checked:before {
border-color: #D50204;
border-right-style: none;
border-top-style: none;
}
.modal.change_avatar input[type=submit] {
font-size: 15px;
font-weight: 600;
color: #fff;
transition: all 0.3s linear;
text-transform: uppercase;
letter-spacing: 1.5px;
background: #D50204;
border-radius: 2px;
text-shadow: none;
max-width: 290px;
margin: 20px 0 0;
cursor: pointer;
width: 100%;
padding: 0;
border: 0;
}
.modal.change_avatar input[type=submit]:hover {
background: #fd0d10;
}
.modal.change_avatar input[type=submit].active.focus, .modal.change_avatar input[type=submit].active:focus, .modal.change_avatar input[type=submit].focus, .modal.change_avatar input[type=submit]:active.focus, .modal.change_avatar input[type=submit]:active:focus, .modal.change_avatar input[type=submit]:focus {
outline: none;
}
.modal.change_avatar p.description {
font-size: 16px;
line-height: 1.45em;
font-weight: 400;
margin: 20px auto 15px;
max-width: 290px;
}
.modal.coming_soon .modal-body {
background: #e5e5e5;
text-align: center;
}
.modal.coming_soon .modal-body h3 {
font-size: 32px;
font-weight: 700;
margin: 40px 0 10px;
}
@media (max-width: 767px) {
.modal.coming_soon .modal-body h3 {
font-size: 26px;
}
}
@media (max-width: 479px) {
.modal.coming_soon .modal-body h3 {
font-size: 22px;
margin: 20px 0 5px;
}
}
.modal.coming_soon .modal-body p {
font-size: 20px;
line-height: 1.65em;
color: #555;
margin: 0 auto 40px;
max-width: 450px;
}
@media (max-width: 767px) {
.modal.coming_soon .modal-body p {
font-size: 18px;
line-height: 1.45em;
max-width: 350px;
}
}
@media (max-width: 479px) {
.modal.coming_soon .modal-body p {
font-size: 16px;
}
}
.modal.coming_soon .modal-body h4 {
font-size: 20px;
line-height: 1.65em;
font-weight: 700;
color: #D50204;
margin: 0 0 40px;
}
@media (max-width: 479px) {
.modal.coming_soon .modal-body h4 {
font-size: 16px;
margin: 0 0 30px;
}
}
.modal.pass_recovery.sendpassword .txt {
display: none;
}
.modal.pass_recovery.sendpassword font {
margin: 30px 0 60px;
text-align: center;
display: block;
}
.modal.pass_recovery .modal-content {
border-radius: 0px;
border: none;
background: none;
}
.modal.pass_recovery .modal-dialog {
max-width: 598px;
}
@media (max-width: 639px) {
.modal.pass_recovery .modal-dialog {
max-width: 100%;
}
}
.modal.pass_recovery .modal-header {
border-radius: 4px 4px 0 0;
padding: 19px 15px;
}
.modal.pass_recovery .modal-header h4 {
font-size: 22px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 0;
width: 100%;
padding: 0;
margin: 0;
}
@media (max-width: 639px) {
.modal.pass_recovery .modal-header h4 {
font-size: 20px;
}
}
@media (max-width: 639px) {
.modal.pass_recovery .modal-header h4 {
font-size: 18px;
}
}
.modal.pass_recovery .modal-body {
padding: 32px 41px 0;
background: #f2f2f2;
border-radius: 0 0 4px 4px;
}
@media (max-width: 767px) {
.modal.pass_recovery .modal-body {
padding: 40px 15px 60px;
}
}
.modal.pass_recovery .modal-body h3 {
font-size: 24px;
line-height: 1.4;
font-weight: 400;
color: #D50204;
margin: 0 0 30px;
}
@media (max-width: 991px) {
.modal.pass_recovery .modal-body h3 {
font-size: 24px;
}
}
@media (max-width: 767px) {
.modal.pass_recovery .modal-body h3 {
font-size: 22px;
margin: 0 0 15px;
}
}
@media (max-width: 639px) {
.modal.pass_recovery .modal-body h3 {
font-size: 20px;
}
}
@media (max-width: 479px) {
.modal.pass_recovery .modal-body h3 {
font-size: 18px;
}
}
.modal.pass_recovery .modal-body p {
font-size: 15px;
line-height: 1.65em;
color: #000;
margin: 0;
}
.modal.pass_recovery .modal-body p b {
color: #D50204;
}
.modal.ty .modal-body {
background: #e5e5e5;
text-align: center;
}
.modal.ty .modal-body p {
font-size: 20px;
line-height: 1.8em;
color: #555;
margin: 22px auto 30px;
max-width: 535px;
}
.modal.ty .modal-body p b {
color: #D50204;
}
@media (max-width: 767px) {
.modal.ty .modal-body p {
font-size: 18px;
line-height: 1.45em;
max-width: 480px;
}
}
@media (max-width: 479px) {
.modal.ty .modal-body p {
font-size: 16px;
}
}
.modal.ty.facilitator_ty .txt_wrap, .modal.ty.participant_ty .txt_wrap {
margin: 30px 0 40px;
}
.modal.ty.facilitator_ty h3, .modal.ty.participant_ty h3 {
font-size: 26px;
line-height: 1.45em;
font-weight: 700;
color: #D50204;
margin: 0;
}
.modal.ty.facilitator_ty p, .modal.ty.participant_ty p {
margin: 0 auto;
}
.modal.ty.ty_tips img {
margin: 38px auto 17px;
padding: 0 5px 0 0;
display: table;
width: 170px;
}
.modal.ty.ty_tips .modal-body p {
margin-bottom: 38px;
max-width: 490px;
}
.modal.ty.ty_tips .modal-body p.btn_sub_txt {
font-size: 15px;
line-height: 1.5em;
font-style: italic;
margin: 0 auto 30px;
max-width: 330px;
}
@media (max-width: 479px) {
.modal.ty.ty_tips .modal-body p.btn_sub_txt {
font-size: 13px;
}
}
.modal.ty.ty_tips .btn.btn-gradient, .modal.ty.ty_tips #reg .media_wrap_cohort .media .right a.btn-gradient, #reg .media_wrap_cohort .media .right .modal.ty.ty_tips a.btn-gradient,
.modal.ty.ty_tips #reg .media_wrap_cohort .media .right button.btn-gradient,
#reg .media_wrap_cohort .media .right .modal.ty.ty_tips button.btn-gradient, .modal.ty.ty_tips #reg .reg_all_links button.btn-gradient, #reg .reg_all_links .modal.ty.ty_tips button.btn-gradient,
.modal.ty.ty_tips #reg .reg_all_links a.btn-gradient,
#reg .reg_all_links .modal.ty.ty_tips a.btn-gradient, .modal.ty.ty_tips #modal_module_completed .modal-body h2 a.btn-gradient, #modal_module_completed .modal-body h2 .modal.ty.ty_tips a.btn-gradient {
letter-spacing: 2.6px;
font-size: 18px;
border-radius: 2px;
padding: 20px 40px;
margin: 18px auto;
display: table;
}
.modal.ty.ty_tips .btn.btn-gradient:before, .modal.ty.ty_tips #reg .media_wrap_cohort .media .right a.btn-gradient:before, #reg .media_wrap_cohort .media .right .modal.ty.ty_tips a.btn-gradient:before,
.modal.ty.ty_tips #reg .media_wrap_cohort .media .right button.btn-gradient:before,
#reg .media_wrap_cohort .media .right .modal.ty.ty_tips button.btn-gradient:before, .modal.ty.ty_tips #reg .reg_all_links button.btn-gradient:before, #reg .reg_all_links .modal.ty.ty_tips button.btn-gradient:before,
.modal.ty.ty_tips #reg .reg_all_links a.btn-gradient:before,
#reg .reg_all_links .modal.ty.ty_tips a.btn-gradient:before, .modal.ty.ty_tips #modal_module_completed .modal-body h2 a.btn-gradient:before, #modal_module_completed .modal-body h2 .modal.ty.ty_tips a.btn-gradient:before {
border-radius: 2px;
}
@media (max-width: 639px) {
.modal.ty.ty_tips .btn.btn-gradient, .modal.ty.ty_tips #reg .media_wrap_cohort .media .right a.btn-gradient, #reg .media_wrap_cohort .media .right .modal.ty.ty_tips a.btn-gradient,
.modal.ty.ty_tips #reg .media_wrap_cohort .media .right button.btn-gradient,
#reg .media_wrap_cohort .media .right .modal.ty.ty_tips button.btn-gradient, .modal.ty.ty_tips #reg .reg_all_links button.btn-gradient, #reg .reg_all_links .modal.ty.ty_tips button.btn-gradient,
.modal.ty.ty_tips #reg .reg_all_links a.btn-gradient,
#reg .reg_all_links .modal.ty.ty_tips a.btn-gradient, .modal.ty.ty_tips #modal_module_completed .modal-body h2 a.btn-gradient, #modal_module_completed .modal-body h2 .modal.ty.ty_tips a.btn-gradient {
font-size: 16px;
padding: 15px 30px;
letter-spacing: 0;
}
}
@media (max-width: 479px) {
.modal.ty.ty_tips .btn.btn-gradient, .modal.ty.ty_tips #reg .media_wrap_cohort .media .right a.btn-gradient, #reg .media_wrap_cohort .media .right .modal.ty.ty_tips a.btn-gradient,
.modal.ty.ty_tips #reg .media_wrap_cohort .media .right button.btn-gradient,
#reg .media_wrap_cohort .media .right .modal.ty.ty_tips button.btn-gradient, .modal.ty.ty_tips #reg .reg_all_links button.btn-gradient, #reg .reg_all_links .modal.ty.ty_tips button.btn-gradient,
.modal.ty.ty_tips #reg .reg_all_links a.btn-gradient,
#reg .reg_all_links .modal.ty.ty_tips a.btn-gradient, .modal.ty.ty_tips #modal_module_completed .modal-body h2 a.btn-gradient, #modal_module_completed .modal-body h2 .modal.ty.ty_tips a.btn-gradient {
font-size: 14px;
padding: 15px 0;
width: 100%;
}
}
.modal.ty.ty_tips.social h3 {
font-size: 42px;
font-weight: 400;
}
@media (max-width: 767px) {
.modal.ty.ty_tips.social h3 {
font-size: 24px;
}
}
@media (max-width: 639px) {
.modal.ty.ty_tips.social h3 {
font-size: 18px;
}
}
.modal.ty.ty_become_partner .modal-body p {
max-width: 640px;
text-align: left;
}
.modal.reg .modal-header .txt_wrap {
padding: 0 80px 30px;
text-align: left;
}
@media (max-width: 1919px) {
.modal.reg .modal-header .txt_wrap {
padding: 0 45px 30px;
}
}
@media (max-width: 639px) {
.modal.reg .modal-header .txt_wrap {
padding: 0 0;
}
}
.modal.reg .modal-header h3 {
margin-bottom: 13px;
}
@media (max-width: 639px) {
.modal.reg .modal-header h3 {
margin: 0;
}
}
.modal.reg .modal-header p {
font-size: 20px;
line-height: 1.65em;
margin: 0;
}
@media (max-width: 991px) {
.modal.reg .modal-header p {
font-size: 18px;
line-height: 1.45em;
}
}
@media (max-width: 639px) {
.modal.reg .modal-header p {
display: none;
}
}
.modal.reg .modal-body {
padding: 0;
}
@media (max-width: 639px) {
.modal.reg .ifs_reg {
background: url(../img/main/coming_soon/bg_form_gray.jpg) no-repeat center center;
padding: 50px 15px 60px;
background-size: cover;
}
}
.modal.with_video .modal-content {
overflow: visible;
background: none;
}
.modal.with_video .modal-dialog {
max-width: 992px;
}
.modal.with_video .modal-header {
border: none;
padding: 0;
}
.modal.with_video .modal-header .close {
top: -40px;
right: 3px;
}
@media (max-width: 767px) {
.modal.with_video .modal-header .close {
top: -20px;
right: 25px;
}
}
.modal.with_video .modal-header h4 {
display: none;
}
.modal.with_video .modal-body {
padding: 0;
}
.modal.with_video .modal-body .embed-responsive p {
margin: 0;
}
.modal.sales_confirm .modal-title {
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 3px;
}
@media (max-width: 479px) {
.modal.sales_confirm .modal-title {
font-size: 18px;
}
}
.modal.sales_confirm .modal-body {
background: #f5f5f5;
padding: 0;
}
.modal.sales_confirm h3 {
font-size: 28px;
line-height: 1.45em;
font-weight: 700;
color: #D50204;
margin: 0;
}
@media (max-width: 479px) {
.modal.sales_confirm h3 {
font-size: 24px;
}
}
.modal.sales_confirm#modal_sales_confirm p.descr {
font-size: 24px;
line-height: 1.45em;
margin: 0 auto 30px;
max-width: 100%;
padding: 0;
}
@media (max-width: 767px) {
.modal.sales_confirm#modal_sales_confirm p.descr {
font-size: 22px;
}
}
@media (max-width: 639px) {
.modal.sales_confirm#modal_sales_confirm p.descr {
font-size: 18px;
}
}
@media (max-width: 479px) {
.modal.sales_confirm#modal_sales_confirm p.descr {
font-size: 16px;
}
}
.modal.sales_confirm form#check_email {
background: transparent;
padding: 55px 110px 75px;
text-align: left;
}
@media (max-width: 767px) {
.modal.sales_confirm form#check_email {
padding: 45px 60px 75px;
}
}
@media (max-width: 639px) {
.modal.sales_confirm form#check_email {
padding: 25px 45px 75px;
}
}
@media (max-width: 479px) {
.modal.sales_confirm form#check_email {
padding: 25px 15px 55px;
}
}
.modal.sales_confirm form#check_email .form-control {
border: 1px solid #ddd;
margin: 3px 0 0;
}
@media (max-width: 639px) {
.modal.sales_confirm form#check_email span.field_ttl {
display: none;
}
}
@media (max-width: 639px) {
.modal.sales_confirm form#check_email label {
margin: 0 0 5px;
}
}
.modal.upsell_confirm {
text-align: center;
}
.modal.upsell_confirm .modal-title {
font-size: 22px;
font-weight: 600;
}
@media (max-width: 479px) {
.modal.upsell_confirm .modal-title {
font-size: 18px;
}
}
.modal.upsell_confirm h3 {
font-size: 28px;
line-height: 1.45em;
font-weight: 700;
color: #D50204;
margin: 30px 0 0;
}
@media (max-width: 991px) {
.modal.upsell_confirm h3 {
font-size: 24px;
margin-bottom: 5px;
}
}
@media (max-width: 479px) {
.modal.upsell_confirm h3 {
font-size: 22px;
margin-top: 20px;
}
}
.modal.upsell_confirm p {
font-size: 20px;
line-height: 1.65em;
margin: 0 auto 36px;
max-width: 620px;
}
@media (max-width: 991px) {
.modal.upsell_confirm p {
font-size: 18px;
line-height: 1.45em;
margin: 0 auto 22px;
}
}
@media (max-width: 479px) {
.modal.upsell_confirm p {
font-size: 16px;
}
}
.modal.upsell_confirm p.last {
margin: 0 auto;
}
.modal.upsell_confirm p b {
font-size: 22px;
color: #D50204;
}
@media (max-width: 991px) {
.modal.upsell_confirm p b {
font-size: 18px;
line-height: 1.45em;
margin: 0 auto 22px;
}
}
@media (max-width: 479px) {
.modal.upsell_confirm p b {
font-size: 16px;
}
}
.modal.upsell_confirm .btn.btn-gradient, .modal.upsell_confirm #reg .media_wrap_cohort .media .right a.btn-gradient, #reg .media_wrap_cohort .media .right .modal.upsell_confirm a.btn-gradient,
.modal.upsell_confirm #reg .media_wrap_cohort .media .right button.btn-gradient,
#reg .media_wrap_cohort .media .right .modal.upsell_confirm button.btn-gradient, .modal.upsell_confirm #reg .reg_all_links button.btn-gradient, #reg .reg_all_links .modal.upsell_confirm button.btn-gradient,
.modal.upsell_confirm #reg .reg_all_links a.btn-gradient,
#reg .reg_all_links .modal.upsell_confirm a.btn-gradient, .modal.upsell_confirm #modal_module_completed .modal-body h2 a.btn-gradient, #modal_module_completed .modal-body h2 .modal.upsell_confirm a.btn-gradient {
margin: 20px auto 40px;
padding: 15px 70px;
letter-spacing: 5px;
font-size: 18px;
}
@media (max-width: 479px) {
.modal.upsell_confirm .btn.btn-gradient, .modal.upsell_confirm #reg .media_wrap_cohort .media .right a.btn-gradient, #reg .media_wrap_cohort .media .right .modal.upsell_confirm a.btn-gradient,
.modal.upsell_confirm #reg .media_wrap_cohort .media .right button.btn-gradient,
#reg .media_wrap_cohort .media .right .modal.upsell_confirm button.btn-gradient, .modal.upsell_confirm #reg .reg_all_links button.btn-gradient, #reg .reg_all_links .modal.upsell_confirm button.btn-gradient,
.modal.upsell_confirm #reg .reg_all_links a.btn-gradient,
#reg .reg_all_links .modal.upsell_confirm a.btn-gradient, .modal.upsell_confirm #modal_module_completed .modal-body h2 a.btn-gradient, #modal_module_completed .modal-body h2 .modal.upsell_confirm a.btn-gradient {
margin-bottom: 30px;
font-size: 16px;
padding: 12px;
}
}
#modal_modules .modal-dialog {
max-width: 509px;
margin: 0 auto;
display: flex;
align-items: flex-end;
min-height: 100%;
}
#modal_modules .modal-dialog .modal-content {
border-radius: 0;
border: none;
}
#modal_modules .modal-dialog .modal-content .txt_wrap {
max-height: calc(100vh - 380px);
padding: 0 15px;
overflow: auto;
}
#modal_modules .modal-dialog .modal-content .txt_wrap a {
font-size: 14px;
line-height: 48px;
font-weight: 600;
color: #000;
border-bottom: 1px solid #f2f2f2;
display: block;
}
#modal_modules .modal-dialog .modal-header {
background: #fff;
text-align: left;
color: #D50204;
border-radius: 0;
}
#modal_modules .modal-dialog .modal-header h4 {
font-size: 13px;
font-weight: 600;
text-transform: none;
letter-spacing: 0.25px;
padding: 3px 0;
}
#modal_modules .modal-dialog .modal-header button {
color: #D50204;
}
#modal_modules .modal-dialog .modal-body {
padding: 0;
}
#modal_modules.fade .modal-dialog {
transform: translate3d(0, 100vh, 0);
}
#modal_modules.show .modal-dialog {
transform: translate3d(0, 0, 0);
}
.video {
position: relative;
}
.video:hover .trigger_video {
background-color: rgba(50, 80, 143, 0.4);
}
.video:hover .icons {
transform: scale(1.15);
}
.video.hover .icons {
opacity: 1;
}
.video.video-pause .icons .icon-pause {
display: none;
}
.video.video-play .trigger_video {
z-index: 0;
}
.video.video-play img {
opacity: 0;
z-index: 0;
}
.video.video-play .icons {
opacity: 0;
bottom: 0;
top: 0;
}
.video.video-play .icons .icon-play {
display: none;
}
.video .trigger_video {
background-color: rgba(0, 0, 0, 0);
transition: all 0.3s linear;
pointer-events: all;
position: absolute;
cursor: pointer;
height: 100%;
width: 100%;
z-index: 2;
left: 0;
top: 0;
}
.video img {
display: block;
max-width: 100%;
height: auto;
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
}
.video .icons {
background-color: transparent;
transition: all 0.3s linear;
border: 2px dashed #fff;
position: absolute;
border-radius: 50%;
text-align: center;
margin: auto;
height: 74px;
width: 74px;
color: #fff;
z-index: 5;
padding: 0;
bottom: 0;
right: 0;
transform: scale(1);
left: 0;
top: 0;
}
.video .icons .icon {
padding: 19px 14px;
font-size: 36px;
margin: 0;
}
#quotes {
position: relative;
}
#quotes .icon-left-open-big {
display: none !important;
}
#quotes .wrap_quotes {
position: relative;
overflow: hidden;
margin: 0;
}
#quotes .next_wrap {
border-left: 1px solid rgba(255, 255, 255, 0.3);
transition: all 0.3s linear;
position: absolute;
cursor: pointer;
height: 100%;
width: 287px;
color: #fff;
z-index: 9;
top: 79px;
right: 0;
}
@media (max-width: 1919px) {
#quotes .next_wrap {
top: 76px;
}
}
@media (max-width: 1199px) {
#quotes .next_wrap {
width: 160px;
}
}
#quotes .next_wrap:hover {
border-left: 1px solid rgba(48, 115, 200, 0.3);
background: rgba(255, 255, 255, 0.3);
color: #D50204;
}
#quotes .next_wrap:hover .icon-right-open-big {
border: 2px solid #D50204;
}
#quotes .next_wrap .icon-right-open-big {
transition: border 0.3s linear;
font-size: 28px;
line-height: 82px;
margin: 258px auto 10px;
border: 2px solid #fff;
border-radius: 50%;
text-align: center;
padding: 0 0 0 4px;
display: table;
height: 87px;
width: 87px;
}
@media (max-width: 1919px) {
#quotes .next_wrap .icon-right-open-big {
margin: 190px auto 10px;
}
}
@media (max-width: 1199px) {
#quotes .next_wrap .icon-right-open-big {
margin: 170px auto 10px;
line-height: 56px;
height: 60px;
width: 60px;
}
}
#quotes .next_wrap .next {
font-size: 18px;
line-height: 1.65em;
letter-spacing: 2px;
text-align: center;
margin: 0 auto;
display: table;
width: 100px;
}
@media (max-width: 1199px) {
#quotes .next_wrap .next {
font-size: 16px;
line-height: 1.35em;
letter-spacing: 0;
}
}
@media (max-width: 1919px) {
#quotes .offset-xl-4 {
margin-left: 25%;
}
}
@media (max-width: 991px) {
#quotes .offset-xl-4 {
margin-left: 0;
}
}
@media (max-width: 767px) {
#quotes {
background: url(../img/main/quotes/bg.jpg) no-repeat center center;
background-size: cover;
padding: 0 0 40px;
}
#quotes .wrap_quotes {
overflow: visible;
}
#quotes .slick-track {
align-items: center;
display: flex;
}
#quotes .slick-dots {
position: initial;
margin: -20px 0;
}
#quotes .slick-dots li {
height: 15px;
width: 15px;
}
#quotes .slick-dots li.slick-active button {
background: #D50204;
}
#quotes .slick-dots li button {
border-radius: 50%;
background: #fff;
height: 15px;
width: 15px;
}
#quotes .slick-dots li button:before {
display: none;
}
#quotes .quote {
background: transparent;
}
}
.quote {
background: url("../img/main/quotes/bg.jpg") no-repeat center center;
background-size: cover;
position: relative;
overflow: hidden;
height: 742px;
color: #fff;
}
@media (max-width: 1919px) {
.quote {
height: 600px;
}
}
@media (max-width: 1199px) {
.quote {
height: 540px;
}
}
@media (max-width: 767px) {
.quote {
height: initial;
padding: 60px 0;
}
}
.quote.side_right img.coach {
right: 0;
}
@media (max-width: 1919px) {
.quote.side_right img.coach {
right: -15%;
}
}
.quote.side_left img.coach {
left: 0;
}
@media (max-width: 1919px) {
.quote.side_left img.coach {
left: -15%;
}
}
.quote.no_cta .content p {
margin: 0;
}
.quote img.coach {
position: absolute;
bottom: 0;
}
@media (max-width: 1919px) {
.quote img.coach {
max-height: 100%;
width: auto;
}
}
@media (max-width: 991px) {
.quote img.coach {
display: none;
}
}
.quote p.coach {
font-size: 14px;
line-height: 1.45em;
font-style: italic;
}
.quote p.coach .name {
font-size: 26px;
font-style: normal;
}
@media (max-width: 1919px) {
.quote p.coach .name {
font-size: 20px;
}
}
.quote .head {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding: 30px 0px 7px;
position: relative;
margin: 0 30px 0;
}
@media (max-width: 767px) {
.quote .head {
display: none;
}
}
.quote .head p.tool_txt {
font-size: 15px;
line-height: 1.45em;
font-style: italic;
}
.quote .head p.tool_txt b {
color: #2354c8;
}
@media (max-width: 1919px) {
.quote .head .text-right {
display: none;
}
}
@media (max-width: 1919px) {
.quote .head .col-lg-6 {
flex: 0 0 100%;
max-width: 100%;
}
}
.quote .container {
align-items: center;
position: relative;
display: flex;
height: 100%;
top: -40px;
}
@media (max-width: 767px) {
.quote .container {
top: 0;
}
}
.quote .container .row {
width: 100%;
}
.quote .content p {
font-size: 32px;
line-height: 1.45em;
font-style: italic;
margin: 0 0 32px 0;
}
@media (max-width: 1919px) {
.quote .content p {
font-size: 26px;
max-width: 580px;
}
}
@media (max-width: 1199px) {
.quote .content p {
margin: 60px 0 15px;
font-size: 22px;
max-width: 440px;
}
}
@media (max-width: 767px) {
.quote .content p {
font-size: 22px;
max-width: 100%;
padding: 0;
margin: 0;
}
}
@media (max-width: 639px) {
.quote .content p {
font-size: 18px;
}
}
@media (max-width: 479px) {
.quote .content p {
font-size: 18px;
line-height: 1.25em;
}
}
.quote .content p.coach {
display: none;
}
@media (max-width: 767px) {
.quote .content p.coach {
line-height: 1.15em;
margin: 15px 0 30px;
display: block;
}
}
@media (max-width: 767px) {
.quote .content p.coach .name {
font-size: 16px;
line-height: 1.15em;
font-weight: 700;
}
}
@media (max-width: 479px) {
.quote .content p.coach .name {
font-size: 15px;
display: block;
}
}
@media (max-width: 767px) {
.quote .content p.coach .pos {
font-size: 15px;
line-height: 1.15em;
font-weight: 400;
font-style: italic;
}
}
@media (max-width: 479px) {
.quote .content p.coach .pos {
font-size: 14px;
display: block;
}
}
.quote .content .btn.btn-yellow, .quote .content #reg .media_wrap_cohort .media .right a.btn-yellow, #reg .media_wrap_cohort .media .right .quote .content a.btn-yellow,
.quote .content #reg .media_wrap_cohort .media .right button.btn-yellow,
#reg .media_wrap_cohort .media .right .quote .content button.btn-yellow, .quote .content #reg .reg_all_links button.btn-yellow, #reg .reg_all_links .quote .content button.btn-yellow,
.quote .content #reg .reg_all_links a.btn-yellow,
#reg .reg_all_links .quote .content a.btn-yellow, .quote .content #modal_module_completed .modal-body h2 a.btn-yellow, #modal_module_completed .modal-body h2 .quote .content a.btn-yellow {
letter-spacing: 1.5px;
font-size: 16px;
padding: 20px 40px;
border-radius: 0px;
min-width: 420px;
margin: 0;
}
.quote .content .btn.btn-yellow:before, .quote .content #reg .media_wrap_cohort .media .right a.btn-yellow:before, #reg .media_wrap_cohort .media .right .quote .content a.btn-yellow:before,
.quote .content #reg .media_wrap_cohort .media .right button.btn-yellow:before,
#reg .media_wrap_cohort .media .right .quote .content button.btn-yellow:before, .quote .content #reg .reg_all_links button.btn-yellow:before, #reg .reg_all_links .quote .content button.btn-yellow:before,
.quote .content #reg .reg_all_links a.btn-yellow:before,
#reg .reg_all_links .quote .content a.btn-yellow:before, .quote .content #modal_module_completed .modal-body h2 a.btn-yellow:before, #modal_module_completed .modal-body h2 .quote .content a.btn-yellow:before {
border-radius: 0px;
}
@media (max-width: 1919px) {
.quote .content .btn.btn-yellow, .quote .content #reg .media_wrap_cohort .media .right a.btn-yellow, #reg .media_wrap_cohort .media .right .quote .content a.btn-yellow,
.quote .content #reg .media_wrap_cohort .media .right button.btn-yellow,
#reg .media_wrap_cohort .media .right .quote .content button.btn-yellow, .quote .content #reg .reg_all_links button.btn-yellow, #reg .reg_all_links .quote .content button.btn-yellow,
.quote .content #reg .reg_all_links a.btn-yellow,
#reg .reg_all_links .quote .content a.btn-yellow, .quote .content #modal_module_completed .modal-body h2 a.btn-yellow, #modal_module_completed .modal-body h2 .quote .content a.btn-yellow {
font-size: 16px;
padding: 12px 20px;
letter-spacing: 0;
}
}
@media (max-width: 1199px) {
.quote .content .btn.btn-yellow, .quote .content #reg .media_wrap_cohort .media .right a.btn-yellow, #reg .media_wrap_cohort .media .right .quote .content a.btn-yellow,
.quote .content #reg .media_wrap_cohort .media .right button.btn-yellow,
#reg .media_wrap_cohort .media .right .quote .content button.btn-yellow, .quote .content #reg .reg_all_links button.btn-yellow, #reg .reg_all_links .quote .content button.btn-yellow,
.quote .content #reg .reg_all_links a.btn-yellow,
#reg .reg_all_links .quote .content a.btn-yellow, .quote .content #modal_module_completed .modal-body h2 a.btn-yellow, #modal_module_completed .modal-body h2 .quote .content a.btn-yellow {
font-size: 14px;
letter-spacing: 1px;
padding: 12px 20px;
margin: 0 0 80px;
min-width: 320px;
}
}
@media (max-width: 767px) {
.quote .content .btn.btn-yellow, .quote .content #reg .media_wrap_cohort .media .right a.btn-yellow, #reg .media_wrap_cohort .media .right .quote .content a.btn-yellow,
.quote .content #reg .media_wrap_cohort .media .right button.btn-yellow,
#reg .media_wrap_cohort .media .right .quote .content button.btn-yellow, .quote .content #reg .reg_all_links button.btn-yellow, #reg .reg_all_links .quote .content button.btn-yellow,
.quote .content #reg .reg_all_links a.btn-yellow,
#reg .reg_all_links .quote .content a.btn-yellow, .quote .content #modal_module_completed .modal-body h2 a.btn-yellow, #modal_module_completed .modal-body h2 .quote .content a.btn-yellow {
margin: 0;
}
}
@media (max-width: 479px) {
.quote .content .btn.btn-yellow, .quote .content #reg .media_wrap_cohort .media .right a.btn-yellow, #reg .media_wrap_cohort .media .right .quote .content a.btn-yellow,
.quote .content #reg .media_wrap_cohort .media .right button.btn-yellow,
#reg .media_wrap_cohort .media .right .quote .content button.btn-yellow, .quote .content #reg .reg_all_links button.btn-yellow, #reg .reg_all_links .quote .content button.btn-yellow,
.quote .content #reg .reg_all_links a.btn-yellow,
#reg .reg_all_links .quote .content a.btn-yellow, .quote .content #modal_module_completed .modal-body h2 a.btn-yellow, #modal_module_completed .modal-body h2 .quote .content a.btn-yellow {
letter-spacing: 0;
min-width: 100%;
}
}
.quote.anita img.coach {
left: 8%;
}
@media (max-width: 1919px) {
.quote.anita img.coach {
max-height: 85%;
left: -2%;
}
}
.quote.jeff img.coach {
left: 8%;
}
@media (max-width: 1919px) {
.quote.jeff img.coach {
max-height: 85%;
left: -8%;
}
}
@media (max-width: 1199px) {
.quote.jeff img.coach {
left: -12%;
}
}
.quote.wendy img.coach {
left: 8%;
}
@media (max-width: 1919px) {
.quote.wendy img.coach {
max-height: 85%;
left: -5%;
}
}
.quote.teena img.coach, .quote.mary img.coach {
right: 17%;
}
@media (max-width: 1919px) {
.quote.teena img.coach, .quote.mary img.coach {
max-height: 85%;
right: 7%;
}
}
.quote.pamela img.coach, .quote.karen img.coach {
right: 11%;
}
@media (max-width: 1919px) {
.quote.pamela img.coach, .quote.karen img.coach {
max-height: 85%;
right: 5%;
}
}
.quote.barb img.coach {
left: 15%;
}
@media (max-width: 1919px) {
.quote.barb img.coach {
max-height: 85%;
left: -2%;
}
}
.quote.ellen img.coach {
left: 13%;
}
@media (max-width: 1919px) {
.quote.ellen img.coach {
max-height: 85%;
left: -5%;
}
}
.quote.sue img.coach {
left: 13%;
}
@media (max-width: 1919px) {
.quote.sue img.coach {
max-height: 85%;
left: -2%;
}
}
.quote.vivien.NY img.coach {
right: 21%;
}
@media (max-width: 1919px) {
.quote.vivien.NY img.coach {
max-height: 85%;
}
}
.quote.vivien.NY .content p {
margin-right: 130px;
}
.quote.charlotte.sales .content p {
margin-right: 80px;
}
@media (max-width: 991px) {
.quote.charlotte.sales .content p {
margin-right: 0;
}
}
.quote.charlotte.cert_sales .content p {
margin-right: 10px;
}
.quote.charlotte img.coach {
right: 23%;
}
@media (max-width: 1919px) {
.quote.charlotte img.coach {
max-height: 85%;
right: 18%;
}
}
.quote.charlotte .content p {
margin-right: 200px;
}
@media (max-width: 1919px) {
.quote.charlotte .content p {
margin-right: 180px;
}
}
@media (max-width: 991px) {
.quote.charlotte .content p {
margin-right: 0;
}
}
.quote.nellie .content p, .quote.cindy.sales .content p, .quote.cindy.cert_sales.second .content p {
font-size: 28px;
}
@media (max-width: 1919px) {
.quote.nellie .content p, .quote.cindy.sales .content p, .quote.cindy.cert_sales.second .content p {
font-size: 22px;
}
}
@media (max-width: 1199px) {
.quote.nellie .content p, .quote.cindy.sales .content p, .quote.cindy.cert_sales.second .content p {
font-size: 20px;
}
}
.quote.nellie img.coach {
top: 195px;
left: 23%;
}
@media (max-width: 1919px) {
.quote.nellie img.coach {
width: 120px;
top: 185px;
left: 15%;
}
}
@media (max-width: 1199px) {
.quote.nellie img.coach {
top: 130px;
left: 12%;
}
}
.quote.nellie .offset-xl-4 {
margin-left: 25%;
}
@media (max-width: 767px) {
.quote.nellie .offset-xl-4 {
margin-left: 0;
}
}
.quote.nellie .col-lg-7 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
@media (max-width: 767px) {
.quote.nellie .col-lg-7 {
flex: 0 0 100%;
max-width: 100%;
}
}
#teena_anchor {
position: relative;
}
.slick-dots {
bottom: -20px;
margin: 0;
}
.slick-dots li {
height: 22px;
width: 22px;
margin: 0;
}
.slick-dots li button {
height: 22px;
width: 22px;
}
.slick-dots li button:before {
transition: all 0.3s linear;
font-size: 10px;
line-height: 22px;
height: 22px;
width: 22px;
color: #ddd;
opacity: 1;
}
.slick-dots li:hover button:before, .slick-dots li.slick-active button:before {
color: #D50204;
}
#logos {
background-color: #f5f5f5;
padding: 35px 0 15px;
position: relative;
}
@media (max-width: 991px) {
#logos {
padding: 45px 0;
}
}
#logos.bg_white {
background: #fff;
}
#logos .slick-track {
align-items: center;
display: flex;
}
#logos p.pre_txt {
font-size: 11px;
color: #797979;
text-align: center;
position: absolute;
width: 100%;
top: -33px;
left: 0;
}
#logos ul {
justify-content: space-between;
align-items: center;
display: flex;
}
#logos ul.slick-slider {
margin-bottom: 0;
}
#logos ul.slick-slider li.slick-slide {
padding: 0 15px;
}
#logos ul.slick-slider li.slick-slide img {
margin: 0 auto;
}
#logos ul.slick-slider .slick-arrow {
font-size: 24px;
color: #777;
transition: all 0.3s linear;
transform: scale(1);
cursor: pointer;
z-index: 2;
}
#logos ul.slick-slider .slick-arrow:hover {
transform: scale(1.2);
color: #000;
}
#logos .lshowcase-wrap-responsive img {
width: initial;
}
#logos .lshowcase-box-6.ls-partners {
padding: 20px 0;
}
.ifs_reg {
padding: 62px 95px 52px;
background-size: cover;
position: relative;
color: #444;
background: #F2F2F2;
}
@media (max-width: 1199px) {
.ifs_reg {
padding: 60px;
}
}
@media (max-width: 639px) {
.ifs_reg {
background: transparent;
padding: 0;
}
}
.ifs_reg:before {
background: rgba(213, 2, 4, 0.2);
transition: all 0.3s linear;
position: absolute;
display: block;
height: 100%;
width: 100%;
content: "";
z-index: -1;
opacity: 0;
left: 0;
top: 0;
}
.ifs_reg .loader {
display: none;
}
.ifs_reg.loading:before {
z-index: 99999;
opacity: 1;
}
.ifs_reg.loading .loader {
display: block;
}
.ifs_reg.contact label {
margin: 0 0 22px;
}
.ifs_reg.contact .form-control {
margin: 15px 0 0;
}
@media (max-width: 639px) {
.ifs_reg.contact .form-control {
margin: 3px 0 0;
}
}
.ifs_reg.contact textarea.form-control {
height: 260px;
}
.ifs_reg.contact .btn.btn-blue.light, .ifs_reg.contact #reg .media_wrap_cohort .media .right a.btn-blue.light, #reg .media_wrap_cohort .media .right .ifs_reg.contact a.btn-blue.light,
.ifs_reg.contact #reg .media_wrap_cohort .media .right button.btn-blue.light,
#reg .media_wrap_cohort .media .right .ifs_reg.contact button.btn-blue.light, .ifs_reg.contact #reg .reg_all_links button.btn-blue.light, #reg .reg_all_links .ifs_reg.contact button.btn-blue.light,
.ifs_reg.contact #reg .reg_all_links a.btn-blue.light,
#reg .reg_all_links .ifs_reg.contact a.btn-blue.light, .ifs_reg.contact #modal_module_completed .modal-body h2 a.btn-blue.light, #modal_module_completed .modal-body h2 .ifs_reg.contact a.btn-blue.light {
font: 700 20px "Poppins";
letter-spacing: 1px;
padding: 20px 93px;
margin: 33px auto;
cursor: pointer;
height: initial;
display: table;
}
@media (max-width: 1199px) {
.ifs_reg.contact .btn.btn-blue.light, .ifs_reg.contact #reg .media_wrap_cohort .media .right a.btn-blue.light, #reg .media_wrap_cohort .media .right .ifs_reg.contact a.btn-blue.light,
.ifs_reg.contact #reg .media_wrap_cohort .media .right button.btn-blue.light,
#reg .media_wrap_cohort .media .right .ifs_reg.contact button.btn-blue.light, .ifs_reg.contact #reg .reg_all_links button.btn-blue.light, #reg .reg_all_links .ifs_reg.contact button.btn-blue.light,
.ifs_reg.contact #reg .reg_all_links a.btn-blue.light,
#reg .reg_all_links .ifs_reg.contact a.btn-blue.light, .ifs_reg.contact #modal_module_completed .modal-body h2 a.btn-blue.light, #modal_module_completed .modal-body h2 .ifs_reg.contact a.btn-blue.light {
padding: 20px;
width: 100%;
}
}
.ifs_reg label {
font-size: 15px;
line-height: 1.65em;
margin: 0 0 27px;
display: block;
}
@media (max-width: 639px) {
.ifs_reg label {
line-height: 1.45em;
margin: 0 0 20px;
}
}
.ifs_reg label .required {
color: #D50204;
}
.ifs_reg label .txt {
padding: 10px 0 0;
display: block;
}
@media (max-width: 639px) {
.ifs_reg label .txt br {
display: none;
}
}
.ifs_reg .form-control {
position: relative;
margin: 12px 0 0;
padding: 0 18px;
height: 60px;
border: none;
z-index: 1;
}
@media (max-width: 639px) {
.ifs_reg .form-control {
margin: 3px 0 0;
padding: 0 12px;
height: 44px;
}
}
.ifs_reg textarea.form-control {
padding: 20px;
height: 240px;
}
@media (max-width: 639px) {
.ifs_reg textarea.form-control {
padding: 12px;
}
}
.ifs_reg .half_wrap {
display: inline-block;
float: left;
width: 48%;
}
.ifs_reg .half_wrap.left {
margin-right: 4%;
}
@media (max-width: 639px) {
.ifs_reg .half_wrap.left {
margin: 0;
}
}
@media (max-width: 639px) {
.ifs_reg .half_wrap {
width: 100%;
}
}
.ifs_reg .btn.btn-gradient, .ifs_reg #reg .media_wrap_cohort .media .right a.btn-gradient, #reg .media_wrap_cohort .media .right .ifs_reg a.btn-gradient,
.ifs_reg #reg .media_wrap_cohort .media .right button.btn-gradient,
#reg .media_wrap_cohort .media .right .ifs_reg button.btn-gradient, .ifs_reg #reg .reg_all_links button.btn-gradient, #reg .reg_all_links .ifs_reg button.btn-gradient,
.ifs_reg #reg .reg_all_links a.btn-gradient,
#reg .reg_all_links .ifs_reg a.btn-gradient, .ifs_reg #modal_module_completed .modal-body h2 a.btn-gradient, #modal_module_completed .modal-body h2 .ifs_reg a.btn-gradient {
font-size: 26px;
line-height: 1.65em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin: 10px 0 0px;
border-radius: 0;
padding: 25px 0;
width: 100%;
}
@media (max-width: 639px) {
.ifs_reg .btn.btn-gradient, .ifs_reg #reg .media_wrap_cohort .media .right a.btn-gradient, #reg .media_wrap_cohort .media .right .ifs_reg a.btn-gradient,
.ifs_reg #reg .media_wrap_cohort .media .right button.btn-gradient,
#reg .media_wrap_cohort .media .right .ifs_reg button.btn-gradient, .ifs_reg #reg .reg_all_links button.btn-gradient, #reg .reg_all_links .ifs_reg button.btn-gradient,
.ifs_reg #reg .reg_all_links a.btn-gradient,
#reg .reg_all_links .ifs_reg a.btn-gradient, .ifs_reg #modal_module_completed .modal-body h2 a.btn-gradient, #modal_module_completed .modal-body h2 .ifs_reg a.btn-gradient {
font-size: 20px;
line-height: 1.45em;
padding: 12px 0;
}
}
.ifs_reg .btn.btn-gradient:before, .ifs_reg #reg .media_wrap_cohort .media .right a.btn-gradient:before, #reg .media_wrap_cohort .media .right .ifs_reg a.btn-gradient:before,
.ifs_reg #reg .media_wrap_cohort .media .right button.btn-gradient:before,
#reg .media_wrap_cohort .media .right .ifs_reg button.btn-gradient:before, .ifs_reg #reg .reg_all_links button.btn-gradient:before, #reg .reg_all_links .ifs_reg button.btn-gradient:before,
.ifs_reg #reg .reg_all_links a.btn-gradient:before,
#reg .reg_all_links .ifs_reg a.btn-gradient:before, .ifs_reg #modal_module_completed .modal-body h2 a.btn-gradient:before, #modal_module_completed .modal-body h2 .ifs_reg a.btn-gradient:before {
border-radius: 0;
}
.ifs_reg .btn.btn-gradient span.small, .ifs_reg #reg .media_wrap_cohort .media .right a.btn-gradient span.small, #reg .media_wrap_cohort .media .right .ifs_reg a.btn-gradient span.small,
.ifs_reg #reg .media_wrap_cohort .media .right button.btn-gradient span.small,
#reg .media_wrap_cohort .media .right .ifs_reg button.btn-gradient span.small, .ifs_reg #reg .reg_all_links button.btn-gradient span.small, #reg .reg_all_links .ifs_reg button.btn-gradient span.small,
.ifs_reg #reg .reg_all_links a.btn-gradient span.small,
#reg .reg_all_links .ifs_reg a.btn-gradient span.small, .ifs_reg #modal_module_completed .modal-body h2 a.btn-gradient span.small, #modal_module_completed .modal-body h2 .ifs_reg a.btn-gradient span.small {
font-size: 14px;
line-height: 1em;
font-weight: 600;
text-transform: none;
letter-spacing: 0;
margin: 0 0 8px;
display: block;
width: 100%;
}
@media (max-width: 639px) {
.ifs_reg .btn.btn-gradient span.small, .ifs_reg #reg .media_wrap_cohort .media .right a.btn-gradient span.small, #reg .media_wrap_cohort .media .right .ifs_reg a.btn-gradient span.small,
.ifs_reg #reg .media_wrap_cohort .media .right button.btn-gradient span.small,
#reg .media_wrap_cohort .media .right .ifs_reg button.btn-gradient span.small, .ifs_reg #reg .reg_all_links button.btn-gradient span.small, #reg .reg_all_links .ifs_reg button.btn-gradient span.small,
.ifs_reg #reg .reg_all_links a.btn-gradient span.small,
#reg .reg_all_links .ifs_reg a.btn-gradient span.small, .ifs_reg #modal_module_completed .modal-body h2 a.btn-gradient span.small, #modal_module_completed .modal-body h2 .ifs_reg a.btn-gradient span.small {
font-size: 12px;
margin: 0 0 5px;
}
}
.card {
border-radius: 0;
margin: 4px 0 0;
border: none;
padding: 0;
box-shadow: none;
}
.card.trsp {
background: transparent;
box-shadow: none;
margin: 0 0 50px;
}
@media (max-width: 991px) {
.card.trsp {
margin: 0 0 30px;
}
}
@media (max-width: 639px) {
.card.trsp {
margin: 0 -15px 1px;
box-shadow: none;
}
}
.card.trsp .card-header {
background: transparent;
box-shadow: none;
}
.card.trsp .card-header:after {
border-bottom: 1px solid #ddd;
position: absolute;
display: block;
content: "";
width: 100%;
bottom: 7px;
z-index: 0;
}
@media (max-width: 639px) {
.card.trsp .card-header:after {
display: none;
}
}
.card.trsp .card-header h5 {
font-size: 22px;
line-height: 1.45em;
font-weight: 600;
color: #000;
padding: 0;
}
@media (max-width: 991px) {
.card.trsp .card-header h5 {
font-size: 20px;
}
}
.card.trsp .card-header h5 .ttl {
padding: 0 20px 0 0;
position: relative;
background: #fff;
z-index: 1;
}
@media (max-width: 991px) {
.card.trsp .card-header h5 .ttl {
padding: 0 10px 0 0;
}
}
@media (max-width: 639px) {
.card.trsp .card-header h5 .ttl {
background: transparent;
}
}
.card.trsp .card-header a {
text-align: right;
background: #fff;
padding: 2px 8px;
display: block;
border: none;
height: 100%;
width: 80px;
z-index: 1;
right: 0;
top: 0;
}
@media (max-width: 991px) {
.card.trsp .card-header a {
font-size: 15px;
}
}
.card.trsp .card-header a:hover {
background: #fff;
color: #D50204 !important;
}
.card.trsp .card-header a .txt {
display: inline-block;
}
@media (max-width: 639px) {
.card.trsp .card-header a .txt {
display: none;
}
}
.card.trsp .card-header a .icon {
transition: all 0.3s linear;
}
.card.trsp .card-body {
margin: 0 0 -40px;
padding: 44px 0 0;
border: none;
}
@media (max-width: 991px) {
.card.trsp .card-body {
margin: 0 0 -20px;
padding: 30px 0 0;
}
}
@media (max-width: 767px) {
.card.trsp .card-body {
padding: 15px 0 0;
}
}
@media (max-width: 639px) {
.card.trsp .card-body {
padding: 0 0 40px;
}
}
.card .card-header {
position: relative;
border-radius: 0;
border: none;
padding: 0;
background: #fff;
color: #000;
display: flex;
align-items: center;
align-content: center;
justify-content: space-between;
}
.card .card-header h5 {
font-size: 18px;
font-weight: 700;
padding: 30px 32px 30px 23px;
margin: 0;
max-width: 90%;
}
@media (max-width: 767px) {
.card .card-header h5 {
max-width: 85%;
}
}
@media (max-width: 639px) {
.card .card-header h5 {
padding-left: 15px;
}
}
.card .card-header a {
font-size: 12px;
font-weight: 700;
color: #fff;
transition: all 0.3s linear;
text-decoration: none;
background: #F2F2F2;
color: #828282;
border-radius: 100%;
text-align: center;
display: block;
height: 26px;
width: 26px;
min-width: 26px;
margin-right: 15px;
position: relative;
}
.card .card-header a:hover {
background: #D50204;
color: #fff;
}
.card .card-header a.collapsed {
background: #D50204;
color: #fff;
}
.card .card-header a.collapsed .open_wrap {
display: block;
}
.card .card-header a.collapsed .close_wrap {
display: none;
}
.card .card-header a .open_wrap {
display: none;
}
.card .card-header a .close_wrap {
display: block;
}
.card .card-header a .icon {
font-size: 100%;
line-height: 24px;
font-weight: 700;
margin: 0;
}
.card .card-header a .icon-down-open-big {
position: relative;
top: 1px;
}
.card .card-header a .txt {
display: none;
}
.card .card-body {
padding: 45px 60px 17px 50px;
}
@media (max-width: 1919px) {
.card .card-body {
padding: 50px 90px 20px 30px;
}
}
@media (max-width: 991px) {
.card .card-body {
padding: 40px 60px 20px 15px;
}
}
@media (max-width: 639px) {
.card .card-body {
padding: 40px 15px 20px;
}
}
@media (max-width: 479px) {
.card .card-body {
padding: 30px 15px 20px;
}
}
@media (max-width: 991px) {
.card .card-body img {
height: 50px;
}
}
.card .card-body h3 {
font-size: 32px;
line-height: 1.33em;
color: #D50204;
margin: 27px 0 20px;
}
@media (max-width: 1919px) {
.card .card-body h3 {
font-size: 26px;
}
}
@media (max-width: 991px) {
.card .card-body h3 {
font-size: 22px;
margin: 20px 0;
}
}
.card .card-body ul,
.card .card-body ol {
list-style: circle;
}
@media (max-width: 639px) {
.card .card-body ul,
.card .card-body ol {
padding-left: 15px;
}
}
.card .card-body ul li,
.card .card-body ol li {
font-size: 18px;
line-height: 1.8em;
color: #666;
}
.card .card-body ul li p,
.card .card-body ol li p {
margin: 0;
}
.card .card-body p {
font-size: 20px;
line-height: 1.8em;
color: #666;
margin: 0 0 36px;
}
@media (max-width: 991px) {
.card .card-body p {
font-size: 18px;
line-height: 1.45em;
margin: 0 0 22px;
}
}
@media (max-width: 479px) {
.card .card-body p {
font-size: 16px;
margin: 0 0 18px;
}
}
.card .card-body p b,
.card .card-body p strong {
color: #D50204;
}
.card .card-body .btn.btn-blue, .card .card-body #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right .card .card-body a.btn-blue,
.card .card-body #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right .card .card-body button.btn-blue, .card .card-body #reg .reg_all_links button.btn-blue, #reg .reg_all_links .card .card-body button.btn-blue,
.card .card-body #reg .reg_all_links a.btn-blue,
#reg .reg_all_links .card .card-body a.btn-blue, .card .card-body #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 .card .card-body a.btn-blue {
letter-spacing: 0;
margin: 10px auto 0;
padding: 13px 17px 12px 30px;
font-size: 14px;
font-weight: 700;
position: relative;
border-radius: 0;
display: block;
width: 100%;
background: #fff;
color: #D50204;
border: 1px solid #D50204;
transition: all 0.2s;
}
.card .card-body .btn.btn-blue:hover, .card .card-body #reg .media_wrap_cohort .media .right a.btn-blue:hover, #reg .media_wrap_cohort .media .right .card .card-body a.btn-blue:hover,
.card .card-body #reg .media_wrap_cohort .media .right button.btn-blue:hover,
#reg .media_wrap_cohort .media .right .card .card-body button.btn-blue:hover, .card .card-body #reg .reg_all_links button.btn-blue:hover, #reg .reg_all_links .card .card-body button.btn-blue:hover,
.card .card-body #reg .reg_all_links a.btn-blue:hover,
#reg .reg_all_links .card .card-body a.btn-blue:hover, .card .card-body #modal_module_completed .modal-body h2 a.btn-blue:hover, #modal_module_completed .modal-body h2 .card .card-body a.btn-blue:hover {
color: #fff !important;
background: #D50204;
}
.card .card-body .btn.btn-blue i, .card .card-body #reg .media_wrap_cohort .media .right a.btn-blue i, #reg .media_wrap_cohort .media .right .card .card-body a.btn-blue i,
.card .card-body #reg .media_wrap_cohort .media .right button.btn-blue i,
#reg .media_wrap_cohort .media .right .card .card-body button.btn-blue i, .card .card-body #reg .reg_all_links button.btn-blue i, #reg .reg_all_links .card .card-body button.btn-blue i,
.card .card-body #reg .reg_all_links a.btn-blue i,
#reg .reg_all_links .card .card-body a.btn-blue i, .card .card-body #modal_module_completed .modal-body h2 a.btn-blue i, #modal_module_completed .modal-body h2 .card .card-body a.btn-blue i {
position: absolute;
left: 17px;
top: 12px;
font-size: 18px;
}
@media (max-width: 1199px) {
.card .card-body .btn.btn-blue, .card .card-body #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right .card .card-body a.btn-blue,
.card .card-body #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right .card .card-body button.btn-blue, .card .card-body #reg .reg_all_links button.btn-blue, #reg .reg_all_links .card .card-body button.btn-blue,
.card .card-body #reg .reg_all_links a.btn-blue,
#reg .reg_all_links .card .card-body a.btn-blue, .card .card-body #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 .card .card-body a.btn-blue {
padding: 14px 25px 14px;
}
}
@media (max-width: 479px) {
.card .card-body .btn.btn-blue, .card .card-body #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right .card .card-body a.btn-blue,
.card .card-body #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right .card .card-body button.btn-blue, .card .card-body #reg .reg_all_links button.btn-blue, #reg .reg_all_links .card .card-body button.btn-blue,
.card .card-body #reg .reg_all_links a.btn-blue,
#reg .reg_all_links .card .card-body a.btn-blue, .card .card-body #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 .card .card-body a.btn-blue {
margin: 20px auto 0;
letter-spacing: 1px;
padding: 12px;
width: 100%;
}
}
.card-tabs {
display: flex;
border: 1px solid #ddd;
border-bottom: none;
}
.card-tabs .nav-item {
flex: 1 0 0;
color: #555;
height: 55px;
padding: 10px 15px;
font-size: 15px;
line-height: 1.4;
font-weight: 600;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
border: none;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-radius: 0;
text-align: center;
}
@media (max-width: 767px) {
.card-tabs .nav-item {
font-size: 14px;
padding: 10px;
height: 50px;
}
}
@media (max-width: 479px) {
.card-tabs .nav-item {
font-size: 12px;
}
}
.card-tabs .nav-item:hover {
border: none;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.card-tabs .nav-item:hover:last-child {
border-right: none;
}
.card-tabs .nav-item:last-child {
border-right: none;
}
.card-tabs .nav-link.active {
border-left: none;
border-bottom: none;
border-top: 2px solid #D50204;
margin-top: -1px;
color: #D50204;
font-weight: 700;
}
.card-body .sssn {
padding-bottom: 20px;
}
.card-body .sssn .wp-post-image {
display: block;
max-width: 100%;
height: auto;
margin-bottom: 15px;
}
.card-body .sssn .spkr_name {
margin-top: 13px;
padding-left: 15px;
padding-right: 15px;
}
.card-body .sssn .ssn_ttl {
padding-left: 15px;
padding-right: 15px;
}
.card-body .sssn .more_prsntrs {
padding-left: 15px;
padding-right: 15px;
}
.ssn-figure {
position: relative;
overflow: hidden;
display: block;
}
.ssn-figure img {
float: left;
margin: 5px 25px 20px 0;
width: 38px;
height: 38px;
border-radius: 50%;
object-fit: cover;
object-position: center;
}
@media (max-width: 767px) {
.ssn-figure img {
margin-right: 15px;
}
}
.ssn-figure figcaption h5 {
font-size: 16px;
line-height: 1.5;
font-weight: 600;
margin: 0;
display: block;
}
@media (max-width: 767px) {
.ssn-figure figcaption h5 {
font-size: 15px;
}
}
@media (max-width: 639px) {
.ssn-figure figcaption h5 {
font-size: 14px;
}
}
@media (max-width: 479px) {
.ssn-figure figcaption h5 {
font-size: 12px;
}
}
.ssn-figure figcaption a {
font-size: 14px;
color: #D50204;
}
#menu-txt-menu {
white-space: nowrap;
position: relative;
margin: 0 -15px;
display: block;
top: -55px;
}
@media (max-width: 991px) {
#menu-txt-menu {
margin: 0 -5px;
top: -45px;
}
}
@media (max-width: 479px) {
#menu-txt-menu {
top: -46px;
margin: 0;
}
}
#menu-txt-menu li {
display: inline-block;
text-align: center;
width: 33.333%;
float: left;
}
@media (max-width: 479px) {
#menu-txt-menu li {
display: table;
width: 100%;
float: none;
clear: both;
}
}
#menu-txt-menu li.active a:focus,
#menu-txt-menu li.active a, #menu-txt-menu li.current-menu-item a:focus,
#menu-txt-menu li.current-menu-item a {
background-color: #fff;
color: #555;
}
#menu-txt-menu li a {
font-size: 17px;
line-height: 1.45em;
font-weight: 600;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
transition: all 0.3s linear;
text-decoration: none;
padding: 18px 0 13px;
background: #2c7aff;
display: block;
margin: 0 15px;
color: #fff;
}
@media (max-width: 991px) {
#menu-txt-menu li a {
font-size: 15px;
padding: 12px 0;
margin: 0 5px;
}
}
@media (max-width: 479px) {
#menu-txt-menu li a {
border-radius: 5px;
margin: 1px 0;
}
}
#menu-txt-menu li a:hover {
background: #fff;
color: #555;
}
.sb .menu,
#menu-res-lib {
list-style-type: none;
display: block;
padding: 0 0 50px 0px;
}
.sb .menu li,
#menu-res-lib li {
transition: all 0.3s linear;
margin-bottom: 0;
z-index: 1;
}
.sb .menu li a,
#menu-res-lib li a {
font-size: 16px;
line-height: 36px;
font-weight: 400;
color: #000;
transition: all 0.3s linear;
text-decoration: none;
display: block;
transition: all 0.1s;
}
.sb .menu li:hover a, .sb .menu li.current-menu-item a,
#menu-res-lib li:hover a,
#menu-res-lib li.current-menu-item a {
font-weight: 700;
color: #D50204;
}
#menu-footer-menu {
text-align: center;
display: table;
}
#menu-footer-menu li {
display: inline-block;
text-align: center;
}
@media (max-width: 479px) {
#menu-footer-menu li {
border: 1px solid #fff;
background: #f5f5f5;
width: 50%;
}
}
#menu-footer-menu li.active a:focus,
#menu-footer-menu li.active a, #menu-footer-menu li.current-menu-item a:focus,
#menu-footer-menu li.current-menu-item a {
font-weight: 500;
color: #D50204;
}
#menu-footer-menu li a {
font-size: 13px;
line-height: 1.65em;
font-weight: 500;
color: #515151;
transition: all 0.3s linear;
display: block;
margin: 0 20px;
padding: 0;
}
@media (max-width: 991px) {
#menu-footer-menu li a {
margin: 0 10px;
}
}
@media (max-width: 479px) {
#menu-footer-menu li a {
padding: 5px 0;
}
}
#menu-footer-menu li a:hover {
color: #D50204;
}
#notifications {
padding: 35px 0 0;
min-height: 500px;
max-width: 930px;
}
@media (max-width: 991px) {
#notifications {
min-height: initial;
margin-bottom: 80px;
}
}
#notifications .mess_nav {
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width: 991px) {
#notifications .mess_nav {
display: flex;
justify-content: center;
}
}
#notifications .mess_nav li {
margin-bottom: 15px;
}
@media (max-width: 991px) {
#notifications .mess_nav li {
margin: 15px;
}
}
#notifications .mess_nav li a {
font-size: 18px;
line-height: 25px;
color: #000;
}
@media (max-width: 991px) {
#notifications .mess_nav li a {
font-size: 16px;
line-height: 22px;
}
}
@media (max-width: 767px) {
#notifications .mess_nav li a {
font-size: 14px;
line-height: 20px;
}
}
#notifications .mess_nav li a:hover {
text-decoration: none;
color: #cf0000;
}
#notifications .mess_nav li.active a {
color: #cf0000;
}
#notifications .card {
transition: all 0.3s linear;
border: 1px solid #e0e0e0;
border-bottom: none;
box-shadow: none;
background: #fff;
margin: 0;
}
#notifications .card:last-child {
border-bottom: 1px solid #ddd;
}
#notifications .card.old .card-header {
background: #fff;
}
#notifications .card.new .card-header .label_new {
opacity: 1;
}
#notifications .card.new .card-header .ttl {
font-weight: 600;
}
#notifications .card.shown {
background: #fff;
}
#notifications .card.shown .card-header {
background: #fff;
}
#notifications .card.shown .card-header:hover {
background: #fff;
}
#notifications .card .card-header {
transition: all 0.3s linear;
background: #f2f2f2;
}
#notifications .card .card-header:hover {
background: rgba(213, 2, 4, 0.1);
cursor: pointer;
}
#notifications .card .card-header:hover a {
color: #D50204;
}
#notifications .card .card-header:hover:before {
font-size: 20px;
opacity: 1;
left: 12px;
}
#notifications .card .card-header:hover .abbr {
background: #fd0d10;
transform: scale(1.04);
}
#notifications .card .card-header:before {
transition: all 0.3s linear;
font-family: entypo;
position: absolute;
font-style: normal;
line-height: 72px;
content: "\e766";
color: #D50204;
font-size: 2px;
display: table;
margin: auto;
opacity: 0;
bottom: 0;
left: 0;
top: 0;
}
@media (max-width: 991px) {
#notifications .card .card-header:before {
display: none;
}
}
#notifications .card .card-header h5 {
font-size: 15px;
line-height: 1.45em;
font-weight: 400;
color: #000;
padding: 18px 160px 15px 32px;
transition: all 0.3s linear;
}
@media (max-width: 991px) {
#notifications .card .card-header h5 {
padding: 13px 55px 10px 15px;
}
}
@media (max-width: 767px) {
#notifications .card .card-header h5 {
padding: 13px 10px 10px 15px;
width: 100%;
max-width: 100%;
}
}
#notifications .card .card-header h5 .bold_ {
font-weight: 600;
}
#notifications .card .card-header .label_new {
font-size: 12px;
font-weight: 700;
color: #fff;
transition: all 0.3s linear;
background: #ff0000;
letter-spacing: 1px;
margin: 0 10px 0 0;
border-radius: 2px;
opacity: 0;
width: 9px;
height: 9px;
border-radius: 60px;
}
#notifications .card .card-header a {
font-size: 24px;
font-weight: 100;
color: #a1a1a1;
background: transparent;
border: none;
right: 11px;
top: 0px;
}
#notifications .card .card-header a.collapsed {
display: none;
}
#notifications .card .card-header a .close_wrap .icon:before {
content: "✕";
}
#notifications .card .card-header .side {
margin: 0;
}
#notifications .card .card-header .side.left {
width: 250px;
}
@media (max-width: 991px) {
#notifications .card .card-header .side.left {
width: 230px;
}
}
@media (max-width: 767px) {
#notifications .card .card-header .side.left {
width: 100%;
}
}
@media (max-width: 767px) {
#notifications .card .card-header .side.right {
margin: 10px 0 0;
}
}
#notifications .card .card-header .abbr {
font-size: 13px;
line-height: 36px;
font-weight: 600;
color: #fff;
transition: all 0.3s linear;
background: #D50204;
border-radius: 50%;
margin: 0 13px 0 0;
text-align: center;
height: 36px;
width: 36px;
}
#notifications .card .card-header .media img {
margin: 0 13px 0 0;
width: 36px;
border-radius: 60px;
}
#notifications .card .card-header .media-body {
margin: 0;
}
#notifications .card .card-header .media-body p.name {
font-size: 14px;
line-height: 12px;
font-weight: 600;
color: #000;
transition: all 0.3s linear;
margin: 5px 0 0;
}
#notifications .card .card-header .media-body .date {
font-size: 11px;
font-weight: 400;
color: #999;
}
#notifications .card .collapse.show {
background: #fff;
}
#notifications .card .card-body {
padding: 0 180px 65px 282px;
}
@media (max-width: 1199px) {
#notifications .card .card-body {
padding: 10px 55px 45px 80px;
}
}
@media (max-width: 991px) {
#notifications .card .card-body {
padding: 10px 55px 45px 65px;
}
}
@media (max-width: 767px) {
#notifications .card .card-body {
padding: 10px 55px 45px 15px;
}
}
@media (max-width: 479px) {
#notifications .card .card-body {
padding: 15px 15px 40px;
}
}
#notifications .card .card-body h1 {
font-size: 20px;
line-height: 1.45em;
font-weight: 700;
color: #828282;
margin: 0 0 22px;
}
#notifications .card .card-body h2 {
font-size: 18px;
line-height: 1.45em;
font-weight: 700;
color: #828282;
margin: 0 0 20px;
}
#notifications .card .card-body h3 {
font-size: 16px;
line-height: 1.45em;
font-weight: 700;
color: #828282;
margin: 0 0 18px;
}
#notifications .card .card-body h4 {
font-size: 14px;
line-height: 1.45em;
font-weight: 600;
color: #828282;
margin: 0 0 16px;
}
#notifications .card .card-body h5 {
font-size: 12px;
line-height: 1.45em;
font-weight: 400;
color: #828282;
margin: 0 0 14px;
}
#notifications .card .card-body h6 {
font-size: 10px;
line-height: 1.45em;
font-weight: 400;
color: #828282;
margin: 0 0 12px;
}
#notifications .card .card-body p {
font-size: 14px;
line-height: 1.65em;
font-weight: 400;
color: #828282;
margin: 0 0 16px;
}
#notifications .card .card-body li {
font-size: 14px;
line-height: 1.65em;
font-weight: 400;
color: #828282;
margin: 0;
}
#notifications .card .card-body strong,
#notifications .card .card-body b {
font-weight: 700;
color: #D50204;
}
#notifications .card .card-body a {
text-decoration: underline;
color: #fff;
}
#notifications .card .card-body .btn, #notifications .card .card-body #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #notifications .card .card-body a,
#notifications .card .card-body #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #notifications .card .card-body button, #notifications .card .card-body #reg .reg_all_links button, #reg .reg_all_links #notifications .card .card-body button,
#notifications .card .card-body #reg .reg_all_links a,
#reg .reg_all_links #notifications .card .card-body a, #notifications .card .card-body #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #notifications .card .card-body a {
text-transform: uppercase;
text-decoration: none;
font-size: 13px;
letter-spacing: 2px;
padding: 12px 34px;
margin: 28px 0 0;
}
@media (max-width: 479px) {
#notifications .card .card-body .btn, #notifications .card .card-body #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #notifications .card .card-body a,
#notifications .card .card-body #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #notifications .card .card-body button, #notifications .card .card-body #reg .reg_all_links button, #reg .reg_all_links #notifications .card .card-body button,
#notifications .card .card-body #reg .reg_all_links a,
#reg .reg_all_links #notifications .card .card-body a, #notifications .card .card-body #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #notifications .card .card-body a {
padding: 12px 15px;
margin: 0;
}
}
#notifications .pagination {
margin: 60px auto;
display: table;
}
@media (max-width: 479px) {
#notifications .pagination {
margin: 40px auto;
}
}
#notifications .pagination .page-numbers {
font-size: 18px;
font-weight: 600;
color: #fff;
border: 1px solid transparent;
transition: all 0.3s linear;
text-decoration: none;
background: #D50204;
display: inline-block;
border-radius: 2px;
text-align: center;
margin: 0 0 0 1px;
line-height: 44px;
height: 44px;
width: 44px;
}
#notifications .pagination .page-numbers:hover {
background: transparent;
border-color: #D50204;
color: #D50204;
}
#notifications .pagination .page-numbers.current, #notifications .pagination .page-numbers.dots {
border-color: transparent;
background: transparent;
color: #D50204;
}
.error404 .foot {
display: none;
}
#not_found {
padding-top: 150px;
background: #F5F5F5;
}
#not_found .btn, #not_found #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #not_found a,
#not_found #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #not_found button, #not_found #reg .reg_all_links button, #reg .reg_all_links #not_found button,
#not_found #reg .reg_all_links a,
#reg .reg_all_links #not_found a, #not_found #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #not_found a {
border-radius: 30px;
padding: 15px 65px;
}
#not_found:before {
background: #f5f5f5;
content: "";
display: block;
position: absolute;
position: fixed;
height: 100%;
width: 100%;
z-index: -1;
}
#not_found header {
margin: 0 30px;
padding: 0;
}
@media (max-width: 767px) {
#not_found header {
padding: 12px 0;
}
}
#not_found header img.logo {
width: 130px;
height: auto;
}
@media (max-width: 767px) {
#not_found header img.logo {
width: 160px;
}
}
@media (max-width: 1199px) {
#not_found header .btn, #not_found header #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #not_found header a,
#not_found header #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #not_found header button, #not_found header #reg .reg_all_links button, #reg .reg_all_links #not_found header button,
#not_found header #reg .reg_all_links a,
#reg .reg_all_links #not_found header a, #not_found header #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #not_found header a {
padding: 10px 75px;
}
}
@media (max-width: 767px) {
#not_found header .btn, #not_found header #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #not_found header a,
#not_found header #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #not_found header button, #not_found header #reg .reg_all_links button, #reg .reg_all_links #not_found header button,
#not_found header #reg .reg_all_links a,
#reg .reg_all_links #not_found header a, #not_found header #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #not_found header a {
display: none;
}
}
#not_found .txt_outer {
padding-bottom: 100px;
}
@media (max-width: 767px) {
#not_found .txt_outer {
padding-bottom: 0;
}
}
#not_found .txt_outer h1 {
color: #D50204;
font-size: 35px;
line-height: 1.25em;
margin: -20px 2px 45px;
}
@media (max-width: 1919px) {
#not_found .txt_outer h1 {
margin: -40px 0 15px;
}
}
@media (max-width: 1199px) {
#not_found .txt_outer h1 {
font-size: 36px;
line-height: 1.15em;
}
}
@media (max-width: 991px) {
#not_found .txt_outer h1 {
font-size: 32px;
}
}
@media (max-width: 639px) {
#not_found .txt_outer h1 {
font-size: 28px;
}
}
@media (max-width: 479px) {
#not_found .txt_outer h1 {
margin: -80px 0 15px;
font-size: 24px;
}
}
#not_found .txt_outer .clip-text {
background: #D50204;
font-size: 200px;
line-height: 220px;
font-weight: 700;
color: #D50204;
-webkit-background-clip: text;
background-size: contain;
margin: 0 0 40px;
}
@media (max-width: 1199px) {
#not_found .txt_outer .clip-text {
font-size: 160px;
line-height: 130px;
}
}
@media (max-width: 991px) {
#not_found .txt_outer .clip-text {
font-size: 140px;
line-height: 110px;
}
}
@media (max-width: 639px) {
#not_found .txt_outer .clip-text {
font-size: 120px;
line-height: 100px;
margin: 0 0 20px;
}
}
#not_found .txt_outer .btn.btn-blue, #not_found .txt_outer #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right #not_found .txt_outer a.btn-blue,
#not_found .txt_outer #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right #not_found .txt_outer button.btn-blue, #not_found .txt_outer #reg .reg_all_links button.btn-blue, #reg .reg_all_links #not_found .txt_outer button.btn-blue,
#not_found .txt_outer #reg .reg_all_links a.btn-blue,
#reg .reg_all_links #not_found .txt_outer a.btn-blue, #not_found .txt_outer #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #not_found .txt_outer a.btn-blue {
margin: 70px 0 0;
font-size: 20px;
display: table;
}
@media (max-width: 1919px) {
#not_found .txt_outer .btn.btn-blue, #not_found .txt_outer #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right #not_found .txt_outer a.btn-blue,
#not_found .txt_outer #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right #not_found .txt_outer button.btn-blue, #not_found .txt_outer #reg .reg_all_links button.btn-blue, #reg .reg_all_links #not_found .txt_outer button.btn-blue,
#not_found .txt_outer #reg .reg_all_links a.btn-blue,
#reg .reg_all_links #not_found .txt_outer a.btn-blue, #not_found .txt_outer #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #not_found .txt_outer a.btn-blue {
margin: 40px 0 0;
}
}
@media (max-width: 1199px) {
#not_found .txt_outer .btn.btn-blue, #not_found .txt_outer #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right #not_found .txt_outer a.btn-blue,
#not_found .txt_outer #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right #not_found .txt_outer button.btn-blue, #not_found .txt_outer #reg .reg_all_links button.btn-blue, #reg .reg_all_links #not_found .txt_outer button.btn-blue,
#not_found .txt_outer #reg .reg_all_links a.btn-blue,
#reg .reg_all_links #not_found .txt_outer a.btn-blue, #not_found .txt_outer #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #not_found .txt_outer a.btn-blue {
font-size: 16px;
padding: 10px 75px;
}
}
@media (max-width: 639px) {
#not_found .txt_outer .btn.btn-blue, #not_found .txt_outer #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right #not_found .txt_outer a.btn-blue,
#not_found .txt_outer #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right #not_found .txt_outer button.btn-blue, #not_found .txt_outer #reg .reg_all_links button.btn-blue, #reg .reg_all_links #not_found .txt_outer button.btn-blue,
#not_found .txt_outer #reg .reg_all_links a.btn-blue,
#reg .reg_all_links #not_found .txt_outer a.btn-blue, #not_found .txt_outer #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #not_found .txt_outer a.btn-blue {
padding: 10px 60px;
margin: 20px 0 0;
}
}
@media (max-width: 479px) {
#not_found .txt_outer .btn.btn-blue, #not_found .txt_outer #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right #not_found .txt_outer a.btn-blue,
#not_found .txt_outer #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right #not_found .txt_outer button.btn-blue, #not_found .txt_outer #reg .reg_all_links button.btn-blue, #reg .reg_all_links #not_found .txt_outer button.btn-blue,
#not_found .txt_outer #reg .reg_all_links a.btn-blue,
#reg .reg_all_links #not_found .txt_outer a.btn-blue, #not_found .txt_outer #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #not_found .txt_outer a.btn-blue {
width: 90%;
}
}
#not_found footer {
text-align: center;
position: fixed;
width: 100%;
bottom: 0;
}
#not_found footer p.foot {
font-size: 13px;
font-weight: 100;
font-style: italic;
color: #767676;
letter-spacing: -0.2px;
position: relative;
margin: 0 0 30px;
}
#not_found footer p.foot:before {
border-top: 1px solid #ddd;
content: "";
display: block;
position: absolute;
width: 160px;
margin: auto;
top: -30px;
right: 0;
left: 0;
}
#not_found footer p.foot a {
color: #D50204;
}
#splash {
padding: 324px 0 30px;
position: relative;
background: #eee;
}
@media (max-width: 1199px) {
#splash {
padding: 160px 0 30px;
}
}
@media (max-width: 991px) {
#splash {
padding: 140px 0 30px;
}
}
@media (max-width: 767px) {
#splash {
text-align: center;
}
}
@media (max-width: 479px) {
#splash {
padding: 110px 0 20px;
}
}
#splash:before {
background: url("../img/logo_white.png") no-repeat center center;
background-size: 1440px;
position: absolute;
content: " ";
margin: auto;
height: 100%;
width: 100%;
top: -12%;
right: 0;
}
@media (max-width: 1919px) {
#splash:before {
background-size: 80%;
}
}
@media (max-width: 1199px) {
#splash:before {
display: none;
}
}
#splash h1 {
font-size: 46px;
line-height: 1.35em;
font-weight: 400;
color: #000;
margin: 0;
}
@media (max-width: 1199px) {
#splash h1 {
font-size: 42px;
}
}
@media (max-width: 991px) {
#splash h1 {
font-size: 32px;
}
}
@media (max-width: 479px) {
#splash h1 {
font-size: 24px;
}
}
#splash h1 b {
font-size: 62px;
line-height: 1.65em;
}
@media (max-width: 1199px) {
#splash h1 b {
font-size: 48px;
line-height: 1.45em;
}
}
@media (max-width: 991px) {
#splash h1 b {
font-size: 36px;
}
}
@media (max-width: 479px) {
#splash h1 b {
font-size: 28px;
}
}
#splash p {
font-size: 17px;
font-weight: 600;
color: #000;
letter-spacing: 6px;
margin: 0 0 30px;
}
@media (max-width: 1199px) {
#splash p {
letter-spacing: 5px;
margin: 5px 0 30px;
}
}
@media (max-width: 991px) {
#splash p {
letter-spacing: 3.5px;
margin: 10px 0 20px;
font-size: 15px;
}
}
#splash p.copy {
font-size: 12px;
font-style: italic;
color: #767676;
text-align: center;
position: relative;
letter-spacing: 0;
margin: 407px 0 0;
}
@media (max-width: 1199px) {
#splash p.copy {
margin: 140px 0 0;
}
}
#splash p.copy:before {
border-top: 1px solid #ddd;
content: "";
display: block;
position: absolute;
width: 160px;
margin: auto;
top: -30px;
right: 0;
left: 0;
}
#splash .btn.btn-blue, #splash #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right #splash a.btn-blue,
#splash #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right #splash button.btn-blue, #splash #reg .reg_all_links button.btn-blue, #reg .reg_all_links #splash button.btn-blue,
#splash #reg .reg_all_links a.btn-blue,
#reg .reg_all_links #splash a.btn-blue, #splash #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #splash a.btn-blue {
font-size: 22px;
letter-spacing: 4px;
padding: 18px 115px;
}
@media (max-width: 991px) {
#splash .btn.btn-blue, #splash #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right #splash a.btn-blue,
#splash #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right #splash button.btn-blue, #splash #reg .reg_all_links button.btn-blue, #reg .reg_all_links #splash button.btn-blue,
#splash #reg .reg_all_links a.btn-blue,
#reg .reg_all_links #splash a.btn-blue, #splash #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #splash a.btn-blue {
font-size: 16px;
letter-spacing: 4px;
padding: 12px 95px;
}
}
#splash img.pages_splash_judith {
position: absolute;
left: -327px;
top: -150px;
}
@media (max-width: 1199px) {
#splash img.pages_splash_judith {
max-width: 600px;
left: -100px;
top: -80px;
}
}
@media (max-width: 991px) {
#splash img.pages_splash_judith {
max-width: 480px;
top: -50px;
}
}
@media (max-width: 767px) {
#splash img.pages_splash_judith {
display: none;
}
}
.page-template-mmbrs-login {
background: url(../img/bg/home_bg.jpg?v2) no-repeat 50% 50%;
background-size: cover;
min-height: 100vh;
}
.page-template-mmbrs-login header .white {
display: initial;
}
.page-template-mmbrs-login header .black {
display: none;
}
.page-template-mmbrs-login .down_icon {
display: none;
}
.page-template-mmbrs-login .modal_login_help {
z-index: 9999999;
}
.page-template-mmbrs-login .copy {
text-align: center;
color: #fff;
opacity: 0.8;
margin-bottom: 30px;
margin-top: 10px;
}
.page-template-mmbrs-login .copy a {
color: #fff;
}
.logged-in #login {
background: #fff;
padding: 70px 0 30px;
}
@media (max-width: 1199px) {
.logged-in #login {
padding: 60px 0 30px;
}
}
@media (max-width: 479px) {
.logged-in #login {
padding: 50px 0 20px;
}
}
@media (max-width: 1919px) {
.logged-in #login:before {
top: -5%;
}
}
.logged-in #login .top_content {
display: none;
}
.logged-in #login .logged_in_wrap {
margin: 20px auto 20px;
padding: 50px 0 65px;
background: #fff;
width: 100%;
}
@media (max-width: 479px) {
.logged-in #login .logged_in_wrap {
background: transparent;
border: none;
padding: 0;
}
}
.logged-in #login .logged_in_wrap h3 {
font-size: 32px;
line-height: 1.45em;
font-weight: 700;
color: #000;
margin: 0 0 6px;
}
@media (max-width: 991px) {
.logged-in #login .logged_in_wrap h3 {
font-size: 24px;
}
}
@media (max-width: 479px) {
.logged-in #login .logged_in_wrap h3 {
font-size: 22px;
}
}
.logged-in #login .logged_in_wrap p {
font-size: 17px;
line-height: 1.45em;
font-weight: 400;
color: #555;
margin: 0 0 25px;
}
@media (max-width: 991px) {
.logged-in #login .logged_in_wrap p {
font-size: 15px;
margin: 0 0 20px;
}
}
.logged-in #login .logged_in_wrap a.btn.btn-blue, .logged-in #login .logged_in_wrap #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right .logged-in #login .logged_in_wrap a.btn-blue,
.logged-in #login .logged_in_wrap #reg .reg_all_links a.btn-blue,
#reg .reg_all_links .logged-in #login .logged_in_wrap a.btn-blue, .logged-in #login .logged_in_wrap #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 .logged-in #login .logged_in_wrap a.btn-blue {
font-size: 20px;
line-height: 1.25em;
letter-spacing: 3px;
border-radius: 50px;
padding: 20px 65px;
}
@media (max-width: 991px) {
.logged-in #login .logged_in_wrap a.btn.btn-blue, .logged-in #login .logged_in_wrap #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right .logged-in #login .logged_in_wrap a.btn-blue,
.logged-in #login .logged_in_wrap #reg .reg_all_links a.btn-blue,
#reg .reg_all_links .logged-in #login .logged_in_wrap a.btn-blue, .logged-in #login .logged_in_wrap #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 .logged-in #login .logged_in_wrap a.btn-blue {
font-size: 16px;
letter-spacing: 2px;
padding: 12px 50px;
}
}
#login {
justify-content: center;
flex-direction: column;
padding: 90px 0 100px;
align-items: center;
text-align: center;
min-height: calc(100vh - 120px);
display: flex;
margin: auto;
width: 100%;
bottom: 0;
right: 0;
left: 0;
top: 0;
position: relative;
overflow: hidden;
}
@media (max-width: 991px) {
#login {
min-height: calc(100vh - 95px);
}
}
@media (max-width: 767px) {
#login {
padding: 70px 0 20px;
}
}
@media (max-width: 639px) {
#login {
padding: 60px 0 20px;
}
}
#login form p a {
transition: all ease 0.3s;
}
#login form p a.auth0-lock-alternative-link {
color: #D50204;
font-size: 15px;
font-weight: 600;
}
#login form p a.auth0-lock-alternative-link:hover {
color: #fff;
text-decoration: none;
}
#login .auth0-login-form * {
z-index: initial;
}
#login .auth0-lock {
z-index: initial;
}
#login .auth0-lock-center {
display: flex;
justify-content: center;
padding: 0;
}
#login .auth0-lock-widget {
background: none;
}
#login .auth0-lock.auth0-lock .auth0-lock-cred-pane {
background: none;
}
#login .auth0-lock-header {
display: none;
}
#login .auth0-lock.auth0-lock .auth0-lock-widget {
width: 100%;
max-width: 350px;
}
#login .auth0-lock.auth0-lock .auth0-lock-cred-pane-internal-wrapper {
height: initial !important;
}
#login .auth0-lock-form {
padding: 0 0 0;
}
#login .auth0-lock-form > div > p {
display: none;
}
#login .auth0-lock-terms {
display: none;
}
#login .auth0-lock.auth0-lock .auth0-lock-input-block:last-child {
margin-bottom: 20px;
}
#login .auth0-lock-submit {
background: #D50204 !important;
color: #fff;
padding: 3px 32px;
max-width: 140px;
width: 100%;
margin: 12px auto 0;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
}
#login .auth0-lock-submit svg {
display: none;
}
#login .auth0-lock.auth0-lock .auth0-lock-input-wrap .auth0-lock-input {
height: 44px;
}
#login .trouble_login {
color: #fff;
font-size: 14px;
}
#login .container {
background: rgba(0, 0, 0, 0.7);
max-width: 675px;
margin: 0 auto;
color: #fff;
padding: 60px 15px;
border-radius: 6px;
}
#login .top_content {
max-width: 350px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#login .top_content p.sml {
color: #fff;
font-size: 14px;
font-family: "Inter";
text-align: center;
}
#login .top_content p.txt {
font-size: 16px;
line-height: 30px;
color: #fff;
margin-bottom: 0;
text-align: left;
}
#login .top_content p.txt b {
color: #D50204;
}
#login .top_content p.txt .mob-deliver {
display: none;
}
@media (max-width: 639px) {
#login .top_content p.txt .mob-deliver {
display: initial;
}
}
#login .top_content p.txt.copy {
font-size: 12px;
font-style: italic;
color: #767676;
text-align: center;
position: relative;
margin: 265px 0 0;
}
@media (max-width: 1199px) {
#login .top_content p.txt.copy {
margin: 140px 0 0;
}
}
@media (max-width: 639px) {
#login .top_content p.txt.copy {
margin: 90px 0 0;
}
}
#login .top_content p.txt.copy:before {
border-top: 1px solid #ddd;
content: "";
display: block;
position: absolute;
width: 160px;
margin: auto;
top: -22px;
right: 0;
left: 0;
}
#login .top_content p.txt.copy a {
color: #D50204;
}
#login .top_content h1 {
color: #fff;
font-weight: 600;
font-size: 36px;
margin-bottom: 20px;
}
#login .form_wrap {
margin-top: 30px;
}
#login .step {
display: none;
}
#login .container {
position: relative;
}
#login h1 {
font-size: 36px;
line-height: 1.45em;
font-weight: 600;
color: #fff;
position: relative;
text-align: center;
max-width: 620px;
margin: 0 auto 10px;
}
@media (max-width: 1199px) {
#login h1 {
font-size: 24px;
line-height: 1.25em;
max-width: 480px;
}
}
@media (max-width: 479px) {
#login h1 {
font-size: 20px;
}
}
@media (max-width: 479px) {
#login h1 br {
display: none;
}
}
#login p {
font-size: 17px;
line-height: 1.65em;
margin-bottom: 0;
}
@media (max-width: 991px) {
#login p {
font-size: 16px;
line-height: 1.45em;
}
}
#login p.copy {
font-size: 12px;
font-style: italic;
color: #767676;
text-align: center;
position: relative;
margin: 265px 0 0;
}
@media (max-width: 1199px) {
#login p.copy {
margin: 140px 0 0;
}
}
@media (max-width: 639px) {
#login p.copy {
margin: 90px 0 0;
}
}
#login p.copy:before {
border-top: 1px solid #ddd;
content: "";
display: block;
position: absolute;
width: 160px;
margin: auto;
top: -22px;
right: 0;
left: 0;
}
#login p.copy a {
color: #D50204;
}
#login .forgot_pass {
position: relative;
}
#login .alert_error {
color: #fff;
font-weight: 500;
background: rgba(255, 0, 0, 0.35);
display: block;
margin: 0 auto;
max-width: 90%;
}
@media (max-width: 639px) {
#login .alert_error {
max-width: 100%;
}
}
.login_copy {
font: 400 italic 12.44px "Poppins";
letter-spacing: -0.5px;
text-align: center;
position: relative;
margin: 0 0 0;
padding: 0;
display: block;
color: #767676;
width: 100%;
}
.login_copy a {
color: #D50204;
}
.login_copy:before {
border-top: 1px solid #ddd;
content: "";
display: block;
position: absolute;
width: 160px;
margin: auto;
top: -22px;
right: 0;
left: 0;
}
#partners_cntnt.lost-password h2 {
text-align: center;
}
#sendpasswordform {
margin: 60px auto;
max-width: 345px;
display: table;
width: 100%;
}
@media (max-width: 767px) {
#sendpasswordform {
margin: 40px auto 0;
}
}
#sendpasswordform p {
margin: 0;
}
#sendpasswordform label {
width: 100%;
}
#sendpasswordform #send_user_login {
border: 1px solid #ddd;
border-radius: 3px;
height: 58px;
width: 100%;
margin: 0;
}
@media (max-width: 767px) {
#sendpasswordform #send_user_login {
height: 44px;
}
}
#sendpasswordform #send_user_login:focus {
border-color: #D50204;
outline: 0;
}
#sendpasswordform #i4w-password-send-submit {
font-size: 18px;
line-height: 1.25;
border-radius: 50px;
letter-spacing: 0;
height: initial;
cursor: pointer;
padding: 15px 0;
margin: 8px 0 0;
width: 100%;
}
@media (max-width: 767px) {
#sendpasswordform #i4w-password-send-submit {
font-size: 18px;
line-height: 1.35;
padding: 10px 0;
}
}
#txt_content {
padding: 45px 0 152px;
color: #555;
}
@media (max-width: 991px) {
#txt_content {
padding: 20px 0 20px;
}
}
@media (max-width: 767px) {
#txt_content {
padding: 0;
}
}
#txt_content h2 {
font-size: 32px;
line-height: 1.45em;
font-weight: 700;
color: #000;
margin: 0 0 5px;
}
@media (max-width: 991px) {
#txt_content h2 {
font-size: 22px;
margin: 30px 0 5px;
}
}
#txt_content h3 {
font-size: 22px;
line-height: 1.45em;
font-weight: 600;
color: #000;
margin: 0 0 5px;
}
@media (max-width: 991px) {
#txt_content h3 {
font-size: 18px;
margin: 30px 0 5px;
}
}
#txt_content p {
font-size: 17px;
line-height: 1.85em;
margin: 0 0 34px;
hyphens: auto;
}
@media (max-width: 767px) {
#txt_content p {
font-size: 16px;
line-height: 1.45em;
margin: 0 0 20px;
}
}
#txt_content b,
#txt_content strong {
color: #000;
}
.com_wrap {
max-width: 950px;
}
.circle_iframe {
margin-bottom: 30px;
border: 1px solid #ddd;
width: 100%;
height: 100vh;
}
#community_content {
border-radius: 0 0 6px 6px;
background: #fff;
padding: 80px 0;
}
@media (max-width: 1919px) {
#community_content {
padding: 60px 0;
}
}
@media (max-width: 767px) {
#community_content {
padding: 60px 15px;
}
}
@media (max-width: 479px) {
#community_content {
padding: 60px 0px 40px;
}
}
#community_content .wrap {
display: flex;
width: 100%;
align-items: flex-start;
align-content: flex-start;
}
#community_content .wrap .btn.btn.btn-blue, #community_content .wrap #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right #community_content .wrap a.btn-blue,
#community_content .wrap #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right #community_content .wrap button.btn-blue, #community_content .wrap #reg .reg_all_links button.btn-blue, #reg .reg_all_links #community_content .wrap button.btn-blue,
#community_content .wrap #reg .reg_all_links a.btn-blue,
#reg .reg_all_links #community_content .wrap a.btn-blue, #community_content .wrap #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #community_content .wrap a.btn-blue {
margin: 10px 10px 10px 0;
}
@media (max-width: 639px) {
#community_content .wrap {
flex-wrap: wrap;
}
}
#community_content h3 {
font-size: 18px;
line-height: 21px;
font-weight: 600;
color: #000;
margin: 0 0 28px;
}
@media (max-width: 767px) {
#community_content h3 {
font-size: 20px;
}
}
@media (max-width: 479px) {
#community_content h3 {
font-size: 18px;
}
}
#community_content h3 i {
font-size: 16px;
line-height: 1.9;
font-weight: 400;
display: block;
}
@media (max-width: 479px) {
#community_content h3 i {
font-size: 18px;
}
}
#community_content h4 {
font-size: 20px;
line-height: 19px;
font-weight: 600;
margin: 0 0 10px;
}
@media (max-width: 479px) {
#community_content h4 {
font-size: 16px;
}
}
#community_content h6 {
margin-top: -24px;
margin-bottom: 20px;
font-size: 15px;
}
#community_content p {
margin: 0 0 27px 0;
font-size: 15px;
line-height: 140%;
font-weight: 400;
color: #828282;
}
@media (max-width: 767px) {
#community_content p {
font-size: 15px;
line-height: 1.45;
margin: 0 0 18px 0;
}
}
@media (max-width: 479px) {
#community_content p {
font-size: 14px;
}
}
#community_content p b {
color: #000;
}
#community_content img {
max-width: calc(100% + 16px);
margin: 30px 0 22px -8px;
display: block;
}
#community_content .btn.btn-blue, #community_content #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right #community_content a.btn-blue,
#community_content #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right #community_content button.btn-blue, #community_content #reg .reg_all_links button.btn-blue, #reg .reg_all_links #community_content button.btn-blue,
#community_content #reg .reg_all_links a.btn-blue,
#reg .reg_all_links #community_content a.btn-blue, #community_content #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #community_content a.btn-blue {
font-size: 14px;
font-weight: 700;
color: #fff;
margin: 32px 0 10px;
border-radius: 100px;
letter-spacing: 0;
padding: 10px 20px 10px;
line-height: 1.3;
letter-spacing: 0;
width: 220px;
display: block;
}
@media (max-width: 767px) {
#community_content .btn.btn-blue, #community_content #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right #community_content a.btn-blue,
#community_content #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right #community_content button.btn-blue, #community_content #reg .reg_all_links button.btn-blue, #reg .reg_all_links #community_content button.btn-blue,
#community_content #reg .reg_all_links a.btn-blue,
#reg .reg_all_links #community_content a.btn-blue, #community_content #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #community_content a.btn-blue {
max-width: 320px;
padding: 11px 10px;
width: 100%;
}
}
@media (max-width: 639px) {
#community_content .btn.btn-blue, #community_content #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right #community_content a.btn-blue,
#community_content #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right #community_content button.btn-blue, #community_content #reg .reg_all_links button.btn-blue, #reg .reg_all_links #community_content button.btn-blue,
#community_content #reg .reg_all_links a.btn-blue,
#reg .reg_all_links #community_content a.btn-blue, #community_content #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #community_content a.btn-blue {
width: 100%;
max-width: 384px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 479px) {
#community_content .btn.btn-blue, #community_content #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right #community_content a.btn-blue,
#community_content #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right #community_content button.btn-blue, #community_content #reg .reg_all_links button.btn-blue, #reg .reg_all_links #community_content button.btn-blue,
#community_content #reg .reg_all_links a.btn-blue,
#reg .reg_all_links #community_content a.btn-blue, #community_content #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #community_content a.btn-blue {
font-size: 15px;
margin: 0 0 60px;
padding: 10px 0;
}
}
#community_content .btn.btn-blue:hover, #community_content #reg .media_wrap_cohort .media .right a.btn-blue:hover, #reg .media_wrap_cohort .media .right #community_content a.btn-blue:hover,
#community_content #reg .media_wrap_cohort .media .right button.btn-blue:hover,
#reg .media_wrap_cohort .media .right #community_content button.btn-blue:hover, #community_content #reg .reg_all_links button.btn-blue:hover, #reg .reg_all_links #community_content button.btn-blue:hover,
#community_content #reg .reg_all_links a.btn-blue:hover,
#reg .reg_all_links #community_content a.btn-blue:hover, #community_content #modal_module_completed .modal-body h2 a.btn-blue:hover, #modal_module_completed .modal-body h2 #community_content a.btn-blue:hover {
color: #fff;
}
#community_content .btn.btn-blue.dark, #community_content #reg .media_wrap_cohort .media .right a.btn-blue.dark, #reg .media_wrap_cohort .media .right #community_content a.btn-blue.dark,
#community_content #reg .media_wrap_cohort .media .right button.btn-blue.dark,
#reg .media_wrap_cohort .media .right #community_content button.btn-blue.dark, #community_content #reg .reg_all_links button.btn-blue.dark, #reg .reg_all_links #community_content button.btn-blue.dark,
#community_content #reg .reg_all_links a.btn-blue.dark,
#reg .reg_all_links #community_content a.btn-blue.dark, #community_content #modal_module_completed .modal-body h2 a.btn-blue.dark, #modal_module_completed .modal-body h2 #community_content a.btn-blue.dark {
margin: 60px auto 80px;
display: table;
}
#community_content .btn.btn-blue span, #community_content #reg .media_wrap_cohort .media .right a.btn-blue span, #reg .media_wrap_cohort .media .right #community_content a.btn-blue span,
#community_content #reg .media_wrap_cohort .media .right button.btn-blue span,
#reg .media_wrap_cohort .media .right #community_content button.btn-blue span, #community_content #reg .reg_all_links button.btn-blue span, #reg .reg_all_links #community_content button.btn-blue span,
#community_content #reg .reg_all_links a.btn-blue span,
#reg .reg_all_links #community_content a.btn-blue span, #community_content #modal_module_completed .modal-body h2 a.btn-blue span, #modal_module_completed .modal-body h2 #community_content a.btn-blue span {
margin: 0px 10px 0 -27px;
vertical-align: middle;
font-size: 24px;
}
@media (max-width: 479px) {
#community_content .btn.btn-blue span, #community_content #reg .media_wrap_cohort .media .right a.btn-blue span, #reg .media_wrap_cohort .media .right #community_content a.btn-blue span,
#community_content #reg .media_wrap_cohort .media .right button.btn-blue span,
#reg .media_wrap_cohort .media .right #community_content button.btn-blue span, #community_content #reg .reg_all_links button.btn-blue span, #reg .reg_all_links #community_content button.btn-blue span,
#community_content #reg .reg_all_links a.btn-blue span,
#reg .reg_all_links #community_content a.btn-blue span, #community_content #modal_module_completed .modal-body h2 a.btn-blue span, #modal_module_completed .modal-body h2 #community_content a.btn-blue span {
font-size: 20px;
}
}
#community_content .gray_wrap {
background: #f5f5f5;
margin: 70px 0 80px;
padding: 80px 0;
}
@media (max-width: 1919px) {
#community_content .gray_wrap {
margin: 50px 0 60px;
padding: 60px 0;
}
}
@media (max-width: 767px) {
#community_content .gray_wrap {
margin: 50px -24px 60px;
padding: 60px 15px;
}
}
@media (max-width: 479px) {
#community_content .gray_wrap {
padding: 45px 0 30px;
margin: 30px -15px 40px;
}
}
#community_content .gray_wrap > div {
padding: 0;
}
@media (max-width: 479px) {
.page-template-mmbrs-community .container {
padding: 30px 15px;
}
}
.page-template-mmbrs-community #banner {
margin-top: 32px;
}
@media (max-width: 479px) {
.page-template-mmbrs-community #banner {
border-radius: 0px;
margin-top: 0;
}
}
.office_hours {
overflow: hidden;
}
#oh_bnr_wrap {
position: relative;
z-index: 2;
background: #fff;
width: 100%;
}
#oh_bnr_wrap .bnr {
max-width: 900px;
margin: 28px auto 0;
padding: 35px 30px;
background: url("../img/pages/mmbrs/office/bnr.jpg") no-repeat;
background-position: 0% 20%;
background-size: cover;
border-radius: 5px;
color: #fff;
}
@media (max-width: 991px) {
#oh_bnr_wrap .bnr {
border-radius: 0;
}
}
@media (max-width: 767px) {
#oh_bnr_wrap .bnr {
background-position: 50% 50%;
}
}
@media (max-width: 639px) {
#oh_bnr_wrap .bnr {
padding-left: 15px;
padding-right: 15px;
}
}
#oh_bnr_wrap .bnr h2 {
margin-top: 175px;
font-size: 30px;
line-height: 34px;
font-weight: bold;
margin-bottom: 20px;
}
@media (max-width: 767px) {
#oh_bnr_wrap .bnr h2 {
font-size: 26px;
}
}
@media (max-width: 639px) {
#oh_bnr_wrap .bnr h2 {
margin-top: 120px;
font-size: 24px;
}
}
#oh_bnr_wrap .bnr p {
font-size: 18px;
line-height: 26px;
font-weight: 600;
margin-bottom: 0;
max-width: 600px;
font-weight: 600;
}
#oh_bnr_wrap .bnr ul {
margin-top: -20px;
padding-left: 0;
max-width: 700px;
margin-bottom: 25px;
}
#oh_bnr_wrap .bnr ul li {
list-style: none;
font-size: 16px;
line-height: 24px;
margin-bottom: 2px;
}
#oh_frame_wrap {
position: relative;
z-index: 1;
}
.oh_cont {
margin-top: 40px;
margin-bottom: 10px;
max-width: 900px;
padding: 50px 75px 30px;
border: 1px solid #dfdfdf;
border-radius: 6px 6px 0 0;
}
@media (max-width: 991px) {
.oh_cont {
border-radius: 0;
padding: 40px 30px 30px;
}
}
@media (max-width: 767px) {
.oh_cont {
border: none;
padding: 30px 30px 30px;
}
}
@media (max-width: 639px) {
.oh_cont {
padding: 0px 15px 0 15px;
}
}
.oh_cont h2 {
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
text-align: left;
}
@media (max-width: 767px) {
.oh_cont h2 {
font-size: 22px;
margin-bottom: 10px;
}
}
.oh_cont p {
font-size: 16px;
line-height: 24px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.oh_cont p a {
color: #D50204;
text-decoration: underline;
font-weight: 600;
}
.oh_cont p a:hover {
text-decoration: none;
}
.oh_cont p i {
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
#banner.groups {
text-align: left;
border-radius: 6px 6px 0 0;
background: url(../img/pages/community/bnr.jpg) no-repeat center;
background-size: cover;
padding: 30px;
max-width: 920px;
margin: 50px auto 0;
position: relative;
}
@media (max-width: 1199px) {
#banner.groups {
max-width: 770px;
}
}
@media (max-width: 991px) {
#banner.groups {
margin-top: 30px;
}
}
@media (max-width: 767px) {
#banner.groups {
margin-top: 15px;
padding: 30px 15px;
}
}
#banner.groups.quiz {
max-width: initial;
}
#banner.groups.facilitator {
border-radius: 6px;
}
#banner.groups.facilitator .icon {
width: 96px;
margin: 35px 0 20px;
}
@media (max-width: 991px) {
#banner.groups.facilitator .icon {
width: 80px;
margin: 30px 0 20px;
}
}
#banner.groups.facilitator .avatar {
height: 96px;
object-fit: cover;
object-position: center;
width: 96px;
margin: 35px 0 20px;
border-radius: 50%;
margin-bottom: 30px;
border-radius: 6px;
border-radius: 120px;
}
@media (max-width: 991px) {
#banner.groups.facilitator .avatar {
height: 80px;
width: 80px;
margin: 30px 0 20px;
}
}
@media (max-width: 639px) {
#banner.groups.facilitator .avatar {
margin: 15px 0 10px;
}
}
#banner.groups.facilitator h1 {
margin: 30px 0 0;
}
@media (max-width: 1199px) {
#banner.groups.facilitator h1 {
margin: 30px 0 0;
}
}
@media (max-width: 991px) {
#banner.groups.facilitator h1 {
margin: 25px 0 0;
}
}
@media (max-width: 639px) {
#banner.groups.facilitator h1 {
margin: 20px 0 0;
}
}
#banner.groups.facilitator h5 a {
color: #fff;
text-decoration: underline;
}
#banner.groups.zoom {
background: url(../img/bg/noc.jpeg) no-repeat center;
background-size: cover;
margin-top: 10px;
padding: 17px 26px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
#banner.groups.zoom {
flex-direction: column;
}
}
@media (max-width: 479px) {
#banner.groups.zoom {
padding: 17px 15px;
}
}
#banner.groups.zoom .btn, #banner.groups.zoom #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.groups.zoom a,
#banner.groups.zoom #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.groups.zoom button, #banner.groups.zoom #reg .reg_all_links button, #reg .reg_all_links #banner.groups.zoom button,
#banner.groups.zoom #reg .reg_all_links a,
#reg .reg_all_links #banner.groups.zoom a, #banner.groups.zoom #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.groups.zoom a {
font-size: 14px;
letter-spacing: 0;
padding: 0 30px;
border-radius: 2px;
min-width: 172px;
background: #00B2EA;
height: 37px;
display: inline-flex;
align-items: center;
}
@media (max-width: 767px) {
#banner.groups.zoom .btn, #banner.groups.zoom #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #banner.groups.zoom a,
#banner.groups.zoom #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #banner.groups.zoom button, #banner.groups.zoom #reg .reg_all_links button, #reg .reg_all_links #banner.groups.zoom button,
#banner.groups.zoom #reg .reg_all_links a,
#reg .reg_all_links #banner.groups.zoom a, #banner.groups.zoom #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #banner.groups.zoom a {
margin-top: 20px;
}
}
#banner.groups.zoom p {
font-size: 16px;
margin-bottom: 0;
margin-top: 0 !important;
}
@media (max-width: 991px) {
#banner.groups.zoom p {
font-size: 14px;
}
}
@media (max-width: 767px) {
#banner.groups.zoom p {
text-align: center;
}
}
#banner.groups.zoom p b {
font-size: 14px;
font-style: italic;
margin-right: 5px;
}
@media (max-width: 1199px) {
#banner.groups.zoom p b {
display: block;
width: 100%;
}
}
@media (max-width: 991px) {
#banner.groups.zoom p b {
font-size: 14px;
}
}
#banner.groups.zoom p a {
color: #fff;
text-decoration: underline;
transition: all 0.2s;
}
#banner.groups.zoom p a:hover {
opacity: 0.8;
}
#banner.groups .icon {
width: 66px;
margin: 0 0 20p;
}
@media (max-width: 991px) {
#banner.groups .icon {
width: 60px;
margin: 0 0 40px;
}
}
@media (max-width: 639px) {
#banner.groups .icon {
width: 50px;
margin: 20px 0 20px;
}
}
#banner.groups h1 {
font-size: 26px;
font-weight: 600;
line-height: 1.3;
margin-bottom: 20px;
margin-top: 20px;
font-family: "Poppins", serif;
}
@media (max-width: 991px) {
#banner.groups h1 {
font-size: 22px;
}
}
@media (max-width: 639px) {
#banner.groups h1 {
font-size: 20px;
}
}
#banner.groups p {
font-size: 14px;
line-height: 1.2;
margin: 0 0 15px;
font-family: "Poppins", serif;
}
@media (max-width: 479px) {
#banner.groups p {
font-size: 14px;
line-height: 24px;
}
}
#banner.groups p span {
font-size: 13px;
line-height: 22px;
font-weight: 600;
color: #D50204;
border: 1px solid #D50204;
margin: -2px 8px 0 6px;
display: inline-block;
border-radius: 50%;
text-align: center;
height: 24px;
width: 24px;
}
@media (max-width: 479px) {
#banner.groups p span {
margin-left: 0;
margin-right: 3px;
}
}
#banner.groups p:last-child {
margin-top: 19px;
}
#banner.groups .txt {
font-size: 14px;
line-height: 1.2;
font-family: "Poppins", serif;
}
@media (min-width: 992px) {
#banner.groups .txt {
max-width: calc(100% - 300px);
}
}
#banner.groups .bootstrap-select.btn-group {
max-width: 300px;
margin-top: 14px;
position: absolute;
bottom: 32px;
right: 24px;
}
@media (max-width: 991px) {
#banner.groups .bootstrap-select.btn-group {
position: relative;
bottom: initial;
right: initial;
}
}
#banner.groups .bootstrap-select.btn-group .btn.dropdown-toggle, #banner.groups .bootstrap-select.btn-group #reg .media_wrap_cohort .media .right a.dropdown-toggle, #reg .media_wrap_cohort .media .right #banner.groups .bootstrap-select.btn-group a.dropdown-toggle,
#banner.groups .bootstrap-select.btn-group #reg .media_wrap_cohort .media .right button.dropdown-toggle,
#reg .media_wrap_cohort .media .right #banner.groups .bootstrap-select.btn-group button.dropdown-toggle, #banner.groups .bootstrap-select.btn-group #reg .reg_all_links button.dropdown-toggle, #reg .reg_all_links #banner.groups .bootstrap-select.btn-group button.dropdown-toggle,
#banner.groups .bootstrap-select.btn-group #reg .reg_all_links a.dropdown-toggle,
#reg .reg_all_links #banner.groups .bootstrap-select.btn-group a.dropdown-toggle, #banner.groups .bootstrap-select.btn-group #modal_module_completed .modal-body h2 a.dropdown-toggle, #modal_module_completed .modal-body h2 #banner.groups .bootstrap-select.btn-group a.dropdown-toggle {
padding: 12px 20px 10px;
border-radius: 0px;
}
@media (max-width: 991px) {
#banner.groups .bootstrap-select.btn-group .btn.dropdown-toggle, #banner.groups .bootstrap-select.btn-group #reg .media_wrap_cohort .media .right a.dropdown-toggle, #reg .media_wrap_cohort .media .right #banner.groups .bootstrap-select.btn-group a.dropdown-toggle,
#banner.groups .bootstrap-select.btn-group #reg .media_wrap_cohort .media .right button.dropdown-toggle,
#reg .media_wrap_cohort .media .right #banner.groups .bootstrap-select.btn-group button.dropdown-toggle, #banner.groups .bootstrap-select.btn-group #reg .reg_all_links button.dropdown-toggle, #reg .reg_all_links #banner.groups .bootstrap-select.btn-group button.dropdown-toggle,
#banner.groups .bootstrap-select.btn-group #reg .reg_all_links a.dropdown-toggle,
#reg .reg_all_links #banner.groups .bootstrap-select.btn-group a.dropdown-toggle, #banner.groups .bootstrap-select.btn-group #modal_module_completed .modal-body h2 a.dropdown-toggle, #modal_module_completed .modal-body h2 #banner.groups .bootstrap-select.btn-group a.dropdown-toggle {
font-size: 14px;
padding: 11px 20px 9px;
}
}
@media (max-width: 639px) {
#banner.groups .bootstrap-select.btn-group .btn.dropdown-toggle, #banner.groups .bootstrap-select.btn-group #reg .media_wrap_cohort .media .right a.dropdown-toggle, #reg .media_wrap_cohort .media .right #banner.groups .bootstrap-select.btn-group a.dropdown-toggle,
#banner.groups .bootstrap-select.btn-group #reg .media_wrap_cohort .media .right button.dropdown-toggle,
#reg .media_wrap_cohort .media .right #banner.groups .bootstrap-select.btn-group button.dropdown-toggle, #banner.groups .bootstrap-select.btn-group #reg .reg_all_links button.dropdown-toggle, #reg .reg_all_links #banner.groups .bootstrap-select.btn-group button.dropdown-toggle,
#banner.groups .bootstrap-select.btn-group #reg .reg_all_links a.dropdown-toggle,
#reg .reg_all_links #banner.groups .bootstrap-select.btn-group a.dropdown-toggle, #banner.groups .bootstrap-select.btn-group #modal_module_completed .modal-body h2 a.dropdown-toggle, #modal_module_completed .modal-body h2 #banner.groups .bootstrap-select.btn-group a.dropdown-toggle {
font-size: 12px;
padding: 9px 20px 7px;
}
}
#banner.groups .bootstrap-select.btn-group .btn.dropdown-toggle:after, #banner.groups .bootstrap-select.btn-group #reg .media_wrap_cohort .media .right a.dropdown-toggle:after, #reg .media_wrap_cohort .media .right #banner.groups .bootstrap-select.btn-group a.dropdown-toggle:after,
#banner.groups .bootstrap-select.btn-group #reg .media_wrap_cohort .media .right button.dropdown-toggle:after,
#reg .media_wrap_cohort .media .right #banner.groups .bootstrap-select.btn-group button.dropdown-toggle:after, #banner.groups .bootstrap-select.btn-group #reg .reg_all_links button.dropdown-toggle:after, #reg .reg_all_links #banner.groups .bootstrap-select.btn-group button.dropdown-toggle:after,
#banner.groups .bootstrap-select.btn-group #reg .reg_all_links a.dropdown-toggle:after,
#reg .reg_all_links #banner.groups .bootstrap-select.btn-group a.dropdown-toggle:after, #banner.groups .bootstrap-select.btn-group #modal_module_completed .modal-body h2 a.dropdown-toggle:after, #modal_module_completed .modal-body h2 #banner.groups .bootstrap-select.btn-group a.dropdown-toggle:after {
top: 32%;
}
#banner.groups .bootstrap-select.btn-group .btn.dropdown-toggle .filter-option, #banner.groups .bootstrap-select.btn-group #reg .media_wrap_cohort .media .right a.dropdown-toggle .filter-option, #reg .media_wrap_cohort .media .right #banner.groups .bootstrap-select.btn-group a.dropdown-toggle .filter-option,
#banner.groups .bootstrap-select.btn-group #reg .media_wrap_cohort .media .right button.dropdown-toggle .filter-option,
#reg .media_wrap_cohort .media .right #banner.groups .bootstrap-select.btn-group button.dropdown-toggle .filter-option, #banner.groups .bootstrap-select.btn-group #reg .reg_all_links button.dropdown-toggle .filter-option, #reg .reg_all_links #banner.groups .bootstrap-select.btn-group button.dropdown-toggle .filter-option,
#banner.groups .bootstrap-select.btn-group #reg .reg_all_links a.dropdown-toggle .filter-option,
#reg .reg_all_links #banner.groups .bootstrap-select.btn-group a.dropdown-toggle .filter-option, #banner.groups .bootstrap-select.btn-group #modal_module_completed .modal-body h2 a.dropdown-toggle .filter-option, #modal_module_completed .modal-body h2 #banner.groups .bootstrap-select.btn-group a.dropdown-toggle .filter-option {
line-height: 1.3;
}
#banner.groups .bootstrap-select.btn-group > .dropdown-menu input.form-control {
height: 36px;
}
#banner.groups .bootstrap-select.btn-group .dropdown-menu > .dropdown-menu li a {
font-size: 12px;
line-height: 1.4;
padding: 7px 10px;
}
#banner.groups.sv_1-1 {
max-width: none;
background: url(../img/bg/P1_11_Supervision_bg.png) no-repeat center;
background-size: cover;
}
#banner.groups.sv {
background: url(../img/bg/P2_Group_Supervision_bg.jpg) no-repeat top;
background-size: cover;
}
.banner-hint {
font-size: 16px;
border-bottom: 1px solid #dddddd;
color: #474747;
font-style: italic;
display: block;
line-height: 1.5;
padding: 13px 0 12px;
text-align: center;
max-width: 920px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
.banner-hint {
font-size: 14px;
}
}
@media (max-width: 639px) {
.banner-hint {
padding: 10px 0;
font-size: 12px;
}
}
.txt-hint {
font-size: 13px;
color: #747474;
font-style: italic;
display: block;
line-height: 1.5;
padding: 13px 0 12px;
}
@media (max-width: 639px) {
.txt-hint {
padding: 10px 0;
font-size: 12px;
}
}
#facilitator-content .group_accordion .dates .card-header:before {
opacity: 0;
visibility: hidden;
}
.page-template-mmbrs-groups-join .modal .agreement {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row-reverse;
}
.page-template-mmbrs-groups-join .modal .agreement input {
margin: 0 10px 0 0;
}
.page-template-mmbrs-groups-join .modal .agreement input:before {
border-color: #D50204;
border-width: 1px;
}
.page-template-mmbrs-groups-join .modal .agreement input:after {
border: 1px solid #006ff5;
}
.page-template-mmbrs-groups-join .modal .agreement .field_ttl a {
font-weight: 700;
text-decoration: underline;
}
.page-template-mmbrs-groups-join .modal-body .body h3 {
text-align: center;
}
.page-template-mmbrs-groups-join .alert-warning {
margin-top: 100px;
padding-top: 20px;
padding-bottom: 30px;
}
.page-template-mmbrs-groups-join .alert-warning h4 {
margin-bottom: 15px;
}
.page-template-mmbrs-groups-join .alert-warning li:not(:last-child) {
margin-bottom: 15px;
}
.page-template-mmbrs-supervision1to1 .container {
max-width: 950px;
}
.page-template-mmbrs-supervision1to1 .container #banner.groups {
border-radius: 6px;
}
.page-template-mmbrs-supervision1to1 #mmbrs_team .card .card-header a {
display: none;
}
.text-underline {
text-decoration: underline;
}
#modules {
padding: 30px 0 20px;
background: #fff;
position: relative;
min-height: 600px;
height: auto;
margin-bottom: 84px;
}
@media (max-width: 639px) {
#modules {
padding: 0 0 20px;
}
}
@media (max-width: 479px) {
#modules {
margin-bottom: 20px;
}
}
@media (max-width: 639px) {
#modules .container {
padding: 0;
}
}
#modules .sb {
position: absolute;
max-width: 245px;
height: 100%;
width: 100%;
}
@media (max-width: 1199px) {
#modules .sb {
max-width: 210px;
}
}
#modules .sb .menu-modules-container,
#modules .sb .menu-cert-modules-container,
#modules .sb .menu-modules-menu-quickstart-container,
#modules .sb .menu-modules-menu-byb-container,
#modules .sb .menu-modules-menu-cert-container,
#modules .sb > div {
max-width: 245px;
width: 100%;
}
@media (max-width: 1199px) {
#modules .sb .menu-modules-container,
#modules .sb .menu-cert-modules-container,
#modules .sb .menu-modules-menu-quickstart-container,
#modules .sb .menu-modules-menu-byb-container,
#modules .sb .menu-modules-menu-cert-container,
#modules .sb > div {
max-width: 210px;
}
}
#modules .sb .menu-modules-container > ul,
#modules .sb .menu-cert-modules-container > ul,
#modules .sb .menu-modules-menu-quickstart-container > ul,
#modules .sb .menu-modules-menu-byb-container > ul,
#modules .sb .menu-modules-menu-cert-container > ul,
#modules .sb > div > ul {
width: 100%;
list-style-type: none;
margin: 4px 0 0;
display: block;
border: none;
padding: 0;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
max-width: 240px;
}
@media (max-width: 991px) {
#modules .sb .menu-modules-container > ul,
#modules .sb .menu-cert-modules-container > ul,
#modules .sb .menu-modules-menu-quickstart-container > ul,
#modules .sb .menu-modules-menu-byb-container > ul,
#modules .sb .menu-modules-menu-cert-container > ul,
#modules .sb > div > ul {
display: none;
}
}
#modules .sb .menu-modules-container > ul li,
#modules .sb .menu-cert-modules-container > ul li,
#modules .sb .menu-modules-menu-quickstart-container > ul li,
#modules .sb .menu-modules-menu-byb-container > ul li,
#modules .sb .menu-modules-menu-cert-container > ul li,
#modules .sb > div > ul li {
transition: all 0.3s linear;
margin-bottom: 0;
background: #fff;
border-bottom: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
position: relative;
box-shadow: none;
z-index: 1;
}
#modules .sb .menu-modules-container > ul li a,
#modules .sb .menu-cert-modules-container > ul li a,
#modules .sb .menu-modules-menu-quickstart-container > ul li a,
#modules .sb .menu-modules-menu-byb-container > ul li a,
#modules .sb .menu-modules-menu-cert-container > ul li a,
#modules .sb > div > ul li a {
font-size: 18px;
line-height: 1.45em;
font-weight: 700;
color: #D50204;
transition: all 0.3s linear;
text-decoration: none;
border: none;
margin: 0;
padding: 12.5px 22px;
display: block;
}
#modules .sb .menu-modules-container > ul li:hover,
#modules .sb .menu-cert-modules-container > ul li:hover,
#modules .sb .menu-modules-menu-quickstart-container > ul li:hover,
#modules .sb .menu-modules-menu-byb-container > ul li:hover,
#modules .sb .menu-modules-menu-cert-container > ul li:hover,
#modules .sb > div > ul li:hover {
border-left: 3px solid #D50204;
}
#modules .sb .menu-modules-container > ul li:hover:after,
#modules .sb .menu-cert-modules-container > ul li:hover:after,
#modules .sb .menu-modules-menu-quickstart-container > ul li:hover:after,
#modules .sb .menu-modules-menu-byb-container > ul li:hover:after,
#modules .sb .menu-modules-menu-cert-container > ul li:hover:after,
#modules .sb > div > ul li:hover:after {
right: -6px;
opacity: 1;
}
#modules .sb .menu-modules-container > ul li.current-menu-item,
#modules .sb .menu-cert-modules-container > ul li.current-menu-item,
#modules .sb .menu-modules-menu-quickstart-container > ul li.current-menu-item,
#modules .sb .menu-modules-menu-byb-container > ul li.current-menu-item,
#modules .sb .menu-modules-menu-cert-container > ul li.current-menu-item,
#modules .sb > div > ul li.current-menu-item {
border-left: 3px solid #D50204;
}
#modules .sb .menu-modules-container > ul li.current-menu-item a,
#modules .sb .menu-cert-modules-container > ul li.current-menu-item a,
#modules .sb .menu-modules-menu-quickstart-container > ul li.current-menu-item a,
#modules .sb .menu-modules-menu-byb-container > ul li.current-menu-item a,
#modules .sb .menu-modules-menu-cert-container > ul li.current-menu-item a,
#modules .sb > div > ul li.current-menu-item a {
background: #D50204;
color: #fff;
}
#modules .sb .menu-modules-container > ul li.current-menu-item:after,
#modules .sb .menu-cert-modules-container > ul li.current-menu-item:after,
#modules .sb .menu-modules-menu-quickstart-container > ul li.current-menu-item:after,
#modules .sb .menu-modules-menu-byb-container > ul li.current-menu-item:after,
#modules .sb .menu-modules-menu-cert-container > ul li.current-menu-item:after,
#modules .sb > div > ul li.current-menu-item:after {
right: -6px;
opacity: 1;
}
#modules ul.tasks {
list-style: none;
padding: 0 30px 0px;
margin: 0;
}
@media (max-width: 1199px) {
#modules ul.tasks {
padding: 0 30px 0;
}
}
@media (max-width: 991px) {
#modules ul.tasks {
padding: 0 22px 0;
}
}
@media (max-width: 767px) {
#modules ul.tasks {
padding: 0 20px 0;
}
}
#modules ul.tasks:last-child > li:last-child {
border-bottom: none;
}
#modules ul.tasks .tc_sssn_confirm .check_pass .btn, #modules ul.tasks .tc_sssn_confirm .check_pass #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modules ul.tasks .tc_sssn_confirm .check_pass a,
#modules ul.tasks .tc_sssn_confirm .check_pass #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modules ul.tasks .tc_sssn_confirm .check_pass button, #modules ul.tasks .tc_sssn_confirm .check_pass #reg .reg_all_links button, #reg .reg_all_links #modules ul.tasks .tc_sssn_confirm .check_pass button,
#modules ul.tasks .tc_sssn_confirm .check_pass #reg .reg_all_links a,
#reg .reg_all_links #modules ul.tasks .tc_sssn_confirm .check_pass a, #modules ul.tasks .tc_sssn_confirm .check_pass #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #modules ul.tasks .tc_sssn_confirm .check_pass a {
font-size: 20px;
letter-spacing: 4px;
margin: 10px 0 0;
font-size: 20px;
padding: 18px;
width: 100%;
}
@media (max-width: 991px) {
#modules ul.tasks .tc_sssn_confirm .check_pass .btn, #modules ul.tasks .tc_sssn_confirm .check_pass #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modules ul.tasks .tc_sssn_confirm .check_pass a,
#modules ul.tasks .tc_sssn_confirm .check_pass #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modules ul.tasks .tc_sssn_confirm .check_pass button, #modules ul.tasks .tc_sssn_confirm .check_pass #reg .reg_all_links button, #reg .reg_all_links #modules ul.tasks .tc_sssn_confirm .check_pass button,
#modules ul.tasks .tc_sssn_confirm .check_pass #reg .reg_all_links a,
#reg .reg_all_links #modules ul.tasks .tc_sssn_confirm .check_pass a, #modules ul.tasks .tc_sssn_confirm .check_pass #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #modules ul.tasks .tc_sssn_confirm .check_pass a {
font-size: 16px;
padding: 12px;
}
}
#modules ul.tasks.inner {
padding: 20px 0 20px 20px;
margin-top: 10px;
}
@media (max-width: 1199px) {
#modules ul.tasks.inner {
padding: 15px 0 0 25px;
}
}
@media (max-width: 991px) {
#modules ul.tasks.inner {
padding: 15px 0 0 15px;
}
}
@media (max-width: 767px) {
#modules ul.tasks.inner {
padding: 15px 0 0;
}
}
#modules ul.tasks.inner li {
margin: 0 0 10px;
min-height: 0;
border: none;
padding: 0;
}
@media (max-width: 767px) {
#modules ul.tasks.inner li {
text-align: left;
}
}
#modules ul.tasks.inner li:last-child {
margin-bottom: 0;
}
#modules ul.tasks.inner li a {
text-decoration: none;
}
#modules ul.tasks.inner li a .ttl {
font-size: 15px;
line-height: 1.45em;
font-weight: 400;
color: #000;
margin: 0 0 5px;
width: 645px;
}
@media (max-width: 1199px) {
#modules ul.tasks.inner li a .ttl {
font-size: 15px;
width: 575px;
}
}
@media (max-width: 991px) {
#modules ul.tasks.inner li a .ttl {
font-size: 15px;
width: 395px;
}
}
@media (max-width: 767px) {
#modules ul.tasks.inner li a .ttl {
font-size: 14px;
width: 370px;
}
}
@media (max-width: 639px) {
#modules ul.tasks.inner li a .ttl {
font-size: 13px;
width: 100%;
margin: 0;
}
}
#modules ul.tasks.inner li a .ttl:hover {
color: #D50204;
}
@media (max-width: 767px) {
#modules ul.tasks.inner li a .date {
margin: 0;
width: 100%;
}
}
#modules ul.tasks li {
border-bottom: 1px solid #eeeeee;
padding: 26px 0;
}
@media (max-width: 1199px) {
#modules ul.tasks li {
padding: 20px 0;
}
}
@media (max-width: 639px) {
#modules ul.tasks li {
padding: 15px 0;
}
}
#modules ul.tasks li .inner-top {
align-items: center;
min-height: 41px;
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
#modules ul.tasks li .inner-top {
align-items: flex-start;
flex-direction: column;
text-align: left;
}
}
#modules ul.tasks li.disabled .btn, #modules ul.tasks li.disabled #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modules ul.tasks li.disabled a,
#modules ul.tasks li.disabled #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modules ul.tasks li.disabled button, #modules ul.tasks li.disabled #reg .reg_all_links button, #reg .reg_all_links #modules ul.tasks li.disabled button,
#modules ul.tasks li.disabled #reg .reg_all_links a,
#reg .reg_all_links #modules ul.tasks li.disabled a, #modules ul.tasks li.disabled #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #modules ul.tasks li.disabled a {
pointer-events: none;
cursor: not-allowed;
opacity: 0.3;
}
#modules ul.tasks li.points_1 .s {
display: none;
}
#modules ul.tasks li.completed .ttl b {
display: none;
}
#modules ul.tasks li.completed .btn_wrap .btn.btn-blue, #modules ul.tasks li.completed .btn_wrap #reg .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right #modules ul.tasks li.completed .btn_wrap a.btn-blue,
#modules ul.tasks li.completed .btn_wrap #reg .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right #modules ul.tasks li.completed .btn_wrap button.btn-blue, #modules ul.tasks li.completed .btn_wrap #reg .reg_all_links button.btn-blue, #reg .reg_all_links #modules ul.tasks li.completed .btn_wrap button.btn-blue,
#modules ul.tasks li.completed .btn_wrap #reg .reg_all_links a.btn-blue,
#reg .reg_all_links #modules ul.tasks li.completed .btn_wrap a.btn-blue, #modules ul.tasks li.completed .btn_wrap #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #modules ul.tasks li.completed .btn_wrap a.btn-blue {
display: none;
text-align: center;
}
#modules ul.tasks li.completed .btn_wrap .btn.btn-done, #modules ul.tasks li.completed .btn_wrap #reg .media_wrap_cohort .media .right a.btn-done, #reg .media_wrap_cohort .media .right #modules ul.tasks li.completed .btn_wrap a.btn-done,
#modules ul.tasks li.completed .btn_wrap #reg .media_wrap_cohort .media .right button.btn-done,
#reg .media_wrap_cohort .media .right #modules ul.tasks li.completed .btn_wrap button.btn-done, #modules ul.tasks li.completed .btn_wrap #reg .reg_all_links button.btn-done, #reg .reg_all_links #modules ul.tasks li.completed .btn_wrap button.btn-done,
#modules ul.tasks li.completed .btn_wrap #reg .reg_all_links a.btn-done,
#reg .reg_all_links #modules ul.tasks li.completed .btn_wrap a.btn-done, #modules ul.tasks li.completed .btn_wrap #modal_module_completed .modal-body h2 a.btn-done, #modal_module_completed .modal-body h2 #modules ul.tasks li.completed .btn_wrap a.btn-done {
display: table;
text-align: center;
}
#modules ul.tasks li.completed .btn_wrap .btn.btn-secondary, #modules ul.tasks li.completed .btn_wrap #reg .media_wrap_cohort .media .right a.btn-secondary, #reg .media_wrap_cohort .media .right #modules ul.tasks li.completed .btn_wrap a.btn-secondary,
#modules ul.tasks li.completed .btn_wrap #reg .media_wrap_cohort .media .right button.btn-secondary,
#reg .media_wrap_cohort .media .right #modules ul.tasks li.completed .btn_wrap button.btn-secondary, #modules ul.tasks li.completed .btn_wrap #reg .reg_all_links button.btn-secondary, #reg .reg_all_links #modules ul.tasks li.completed .btn_wrap button.btn-secondary,
#modules ul.tasks li.completed .btn_wrap #reg .reg_all_links a.btn-secondary,
#reg .reg_all_links #modules ul.tasks li.completed .btn_wrap a.btn-secondary, #modules ul.tasks li.completed .btn_wrap #modal_module_completed .modal-body h2 a.btn-secondary, #modal_module_completed .modal-body h2 #modules ul.tasks li.completed .btn_wrap a.btn-secondary {
display: none;
}
#modules ul.tasks li.completed .modal .wrap_inputs {
display: none;
}
#modules ul.tasks li .ttl {
font-size: 18px;
line-height: 1.3;
font-weight: 600;
color: #D50204;
vertical-align: middle;
display: inline-block;
padding-right: 20px;
width: 100%;
}
@media (max-width: 1199px) {
#modules ul.tasks li .ttl {
font-size: 18px;
width: 600px;
}
}
@media (max-width: 991px) {
#modules ul.tasks li .ttl {
font-size: 16px;
width: 410px;
}
}
@media (max-width: 767px) {
#modules ul.tasks li .ttl {
width: 100%;
}
}
@media (max-width: 639px) {
#modules ul.tasks li .ttl {
font-size: 15px;
}
}
#modules ul.tasks li .ttl b {
font-size: 18px;
color: #D50204;
}
@media (max-width: 991px) {
#modules ul.tasks li .ttl b {
font-size: 16px;
}
}
@media (max-width: 767px) {
#modules ul.tasks li .ttl b {
margin: 2px auto 15px;
display: table;
width: 100%;
}
}
#modules ul.tasks li .date {
font-size: 13px;
font-weight: 400;
font-style: italic;
color: #555;
vertical-align: middle;
display: inline-block;
white-space: nowrap;
margin: 0 20px 0 0;
width: 95px;
text-align: center;
}
@media (max-width: 1199px) {
#modules ul.tasks li .date {
width: 109px;
}
}
@media (max-width: 767px) {
#modules ul.tasks li .date {
margin: 10px 0 0;
width: 100%;
text-align: left;
}
}
#modules ul.tasks li .btn_wrap {
vertical-align: middle;
display: inline-block;
margin: 0;
}
@media (max-width: 767px) {
#modules ul.tasks li .btn_wrap {
text-align: center;
width: 100%;
}
}
#modules ul.tasks li .btn_wrap .points {
margin: 0;
}
#modules ul.tasks li .btn_wrap .btn, #modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap a,
#modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap button, #modules ul.tasks li .btn_wrap #reg .reg_all_links button, #reg .reg_all_links #modules ul.tasks li .btn_wrap button,
#modules ul.tasks li .btn_wrap #reg .reg_all_links a,
#reg .reg_all_links #modules ul.tasks li .btn_wrap a, #modules ul.tasks li .btn_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #modules ul.tasks li .btn_wrap a {
font-size: 16px;
color: #D50204;
border-radius: 3px;
letter-spacing: 0;
text-align: center;
padding: 12px;
width: 165px;
margin: 0;
}
@media (max-width: 1199px) {
#modules ul.tasks li .btn_wrap .btn, #modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap a,
#modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap button, #modules ul.tasks li .btn_wrap #reg .reg_all_links button, #reg .reg_all_links #modules ul.tasks li .btn_wrap button,
#modules ul.tasks li .btn_wrap #reg .reg_all_links a,
#reg .reg_all_links #modules ul.tasks li .btn_wrap a, #modules ul.tasks li .btn_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #modules ul.tasks li .btn_wrap a {
padding: 10px;
width: 155px;
}
}
@media (max-width: 991px) {
#modules ul.tasks li .btn_wrap .btn, #modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap a,
#modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap button, #modules ul.tasks li .btn_wrap #reg .reg_all_links button, #reg .reg_all_links #modules ul.tasks li .btn_wrap button,
#modules ul.tasks li .btn_wrap #reg .reg_all_links a,
#reg .reg_all_links #modules ul.tasks li .btn_wrap a, #modules ul.tasks li .btn_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #modules ul.tasks li .btn_wrap a {
font-size: 13px;
letter-spacing: 0;
width: 140px;
}
}
@media (max-width: 767px) {
#modules ul.tasks li .btn_wrap .btn, #modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap a,
#modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap button, #modules ul.tasks li .btn_wrap #reg .reg_all_links button, #reg .reg_all_links #modules ul.tasks li .btn_wrap button,
#modules ul.tasks li .btn_wrap #reg .reg_all_links a,
#reg .reg_all_links #modules ul.tasks li .btn_wrap a, #modules ul.tasks li .btn_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #modules ul.tasks li .btn_wrap a {
letter-spacing: 1px;
margin: 15px 0 0;
padding: 12px 40px;
width: 100%;
}
}
#modules ul.tasks li .btn_wrap .btn.btn-secondary, #modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a.btn-secondary, #reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap a.btn-secondary,
#modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button.btn-secondary,
#reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap button.btn-secondary, #modules ul.tasks li .btn_wrap #reg .reg_all_links button.btn-secondary, #reg .reg_all_links #modules ul.tasks li .btn_wrap button.btn-secondary,
#modules ul.tasks li .btn_wrap #reg .reg_all_links a.btn-secondary,
#reg .reg_all_links #modules ul.tasks li .btn_wrap a.btn-secondary, #modules ul.tasks li .btn_wrap #modal_module_completed .modal-body h2 a.btn-secondary, #modal_module_completed .modal-body h2 #modules ul.tasks li .btn_wrap a.btn-secondary {
background: #ebebeb;
}
#modules ul.tasks li .btn_wrap .btn.btn-done, #modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a.btn-done, #reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap a.btn-done,
#modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button.btn-done,
#reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap button.btn-done, #modules ul.tasks li .btn_wrap #reg .reg_all_links button.btn-done, #reg .reg_all_links #modules ul.tasks li .btn_wrap button.btn-done,
#modules ul.tasks li .btn_wrap #reg .reg_all_links a.btn-done,
#reg .reg_all_links #modules ul.tasks li .btn_wrap a.btn-done, #modules ul.tasks li .btn_wrap #modal_module_completed .modal-body h2 a.btn-done, #modal_module_completed .modal-body h2 #modules ul.tasks li .btn_wrap a.btn-done {
font-size: 16px;
color: #D50204;
text-align: right;
pointer-events: none;
letter-spacing: 0;
display: none;
cursor: none;
padding: 0;
}
@media (max-width: 1199px) {
#modules ul.tasks li .btn_wrap .btn.btn-done, #modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a.btn-done, #reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap a.btn-done,
#modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button.btn-done,
#reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap button.btn-done, #modules ul.tasks li .btn_wrap #reg .reg_all_links button.btn-done, #reg .reg_all_links #modules ul.tasks li .btn_wrap button.btn-done,
#modules ul.tasks li .btn_wrap #reg .reg_all_links a.btn-done,
#reg .reg_all_links #modules ul.tasks li .btn_wrap a.btn-done, #modules ul.tasks li .btn_wrap #modal_module_completed .modal-body h2 a.btn-done, #modal_module_completed .modal-body h2 #modules ul.tasks li .btn_wrap a.btn-done {
font-size: 14px;
}
}
@media (max-width: 991px) {
#modules ul.tasks li .btn_wrap .btn.btn-done, #modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a.btn-done, #reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap a.btn-done,
#modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button.btn-done,
#reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap button.btn-done, #modules ul.tasks li .btn_wrap #reg .reg_all_links button.btn-done, #reg .reg_all_links #modules ul.tasks li .btn_wrap button.btn-done,
#modules ul.tasks li .btn_wrap #reg .reg_all_links a.btn-done,
#reg .reg_all_links #modules ul.tasks li .btn_wrap a.btn-done, #modules ul.tasks li .btn_wrap #modal_module_completed .modal-body h2 a.btn-done, #modal_module_completed .modal-body h2 #modules ul.tasks li .btn_wrap a.btn-done {
font-size: 12px;
text-align: left;
}
}
#modules ul.tasks li .btn_wrap .btn.btn-done .icon-check, #modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right a.btn-done .icon-check, #reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap a.btn-done .icon-check,
#modules ul.tasks li .btn_wrap #reg .media_wrap_cohort .media .right button.btn-done .icon-check,
#reg .media_wrap_cohort .media .right #modules ul.tasks li .btn_wrap button.btn-done .icon-check, #modules ul.tasks li .btn_wrap #reg .reg_all_links button.btn-done .icon-check, #reg .reg_all_links #modules ul.tasks li .btn_wrap button.btn-done .icon-check,
#modules ul.tasks li .btn_wrap #reg .reg_all_links a.btn-done .icon-check,
#reg .reg_all_links #modules ul.tasks li .btn_wrap a.btn-done .icon-check, #modules ul.tasks li .btn_wrap #modal_module_completed .modal-body h2 a.btn-done .icon-check, #modal_module_completed .modal-body h2 #modules ul.tasks li .btn_wrap a.btn-done .icon-check {
font-size: 17px;
font-weight: 100;
color: #66ab26;
margin: 0 4px 0 0;
}
#modules ul.tasks li.not_attended .btn, #modules ul.tasks li.not_attended #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modules ul.tasks li.not_attended a,
#modules ul.tasks li.not_attended #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modules ul.tasks li.not_attended button, #modules ul.tasks li.not_attended #reg .reg_all_links button, #reg .reg_all_links #modules ul.tasks li.not_attended button,
#modules ul.tasks li.not_attended #reg .reg_all_links a,
#reg .reg_all_links #modules ul.tasks li.not_attended a, #modules ul.tasks li.not_attended #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #modules ul.tasks li.not_attended a {
background: none;
color: #D50204 !important;
padding: 0;
cursor: initial;
}
#modules ul.tasks li.not_attended .btn span, #modules ul.tasks li.not_attended #reg .media_wrap_cohort .media .right a span, #reg .media_wrap_cohort .media .right #modules ul.tasks li.not_attended a span,
#modules ul.tasks li.not_attended #reg .media_wrap_cohort .media .right button span,
#reg .media_wrap_cohort .media .right #modules ul.tasks li.not_attended button span, #modules ul.tasks li.not_attended #reg .reg_all_links button span, #reg .reg_all_links #modules ul.tasks li.not_attended button span,
#modules ul.tasks li.not_attended #reg .reg_all_links a span,
#reg .reg_all_links #modules ul.tasks li.not_attended a span, #modules ul.tasks li.not_attended #modal_module_completed .modal-body h2 a span, #modal_module_completed .modal-body h2 #modules ul.tasks li.not_attended a span {
color: #D50204;
}
#modules ul.tasks li.not_attended .icon-cancel {
position: relative;
top: 2px;
font-weight: 400;
font-size: 24px;
}
@media (max-width: 991px) {
#modules ul.tasks li.not_attended .icon-cancel {
font-size: 18px;
}
}
#modules .foot_wrap {
padding: 0 36px;
}
@media (max-width: 1919px) {
#modules .foot_wrap {
padding: 0 45px;
}
}
@media (max-width: 1199px) {
#modules .foot_wrap {
padding: 0 30px;
}
}
@media (max-width: 767px) {
#modules .foot_wrap {
padding: 0 15px;
}
}
#modules .foot_wrap .footer_buttons {
border-top: 1px solid #ddd;
}
#modules .descr_wrap {
padding: 42px 0 35px;
color: #000;
}
@media (max-width: 991px) {
#modules .descr_wrap {
padding: 40px 15px 30px;
}
}
@media (max-width: 479px) {
#modules .descr_wrap {
padding: 40px 15px 0;
}
}
#modules .descr_wrap h4 {
font-size: 18px;
font-weight: 800;
margin: 0 0 12px;
}
@media (max-width: 767px) {
#modules .descr_wrap h4 {
font-size: 16px;
}
}
#modules .descr_wrap p {
font-size: 14px;
line-height: 1.9;
color: #747474;
}
#modules .descr_wrap ul {
list-style: none;
padding: 0;
margin: 0;
}
#modules .descr_wrap ul li {
font-size: 14px;
line-height: 1.9;
color: #747474;
position: relative;
}
@media (max-width: 767px) {
#modules .descr_wrap ul li {
font-size: 14px;
line-height: 1.45;
margin: 0 0 6px;
}
}
#modules .descr_wrap ul li:before {
display: inline-block;
padding: 0 5px 0 0;
content: "•";
}
#modules h1 {
font-size: 32px;
line-height: 1.45em;
font-weight: 600;
color: #000;
margin: 41px 0;
}
@media (max-width: 1199px) {
#modules h1 {
margin: 60px 0 15px;
font-size: 28px;
}
}
@media (max-width: 991px) {
#modules h1 {
font-size: 24px;
}
}
@media (max-width: 767px) {
#modules h1 {
padding: 40px 15px 15px;
font-size: 22px;
text-align: center;
margin: 0;
}
}
@media (max-width: 767px) {
#modules h1 {
font-size: 22px;
line-height: 1.25em;
font-weight: 700;
}
}
#modules .upcoming,
#modules .top_wrap {
padding: 0;
text-align: center;
}
#modules .upcoming img,
#modules .top_wrap img {
display: block;
height: auto;
width: 100%;
}
#modules .upcoming h3,
#modules .top_wrap h3 {
font-size: 32px;
line-height: 1.25em;
font-weight: 600;
color: #000;
margin: 5px auto 60px;
max-width: 654px;
}
@media (max-width: 1199px) {
#modules .upcoming h3,
#modules .top_wrap h3 {
font-size: 22px;
margin: 10px 0 40px;
}
}
@media (max-width: 767px) {
#modules .upcoming h3,
#modules .top_wrap h3 {
font-size: 20px;
}
}
#modules .upcoming p.program_ttl,
#modules .top_wrap p.program_ttl {
font-size: 16px;
line-height: 1.45em;
font-weight: 400;
color: #666;
margin: 15px 0 0;
}
@media (max-width: 767px) {
#modules .upcoming p.program_ttl,
#modules .top_wrap p.program_ttl {
font-size: 13px;
}
}
#modules .upcoming p.time,
#modules .top_wrap p.time {
font-size: 18px;
line-height: 1.45em;
font-weight: 700;
color: #D50204;
}
@media (max-width: 767px) {
#modules .upcoming p.time,
#modules .top_wrap p.time {
font-size: 15px;
}
}
#modules .upcoming p.note,
#modules .top_wrap p.note {
font-size: 14px;
line-height: 1.45em;
font-weight: 400;
font-style: italic;
color: #555;
letter-spacing: -0.1px;
padding: 25px 15px;
background: #e0e0e0;
margin: 0;
}
@media (max-width: 639px) {
#modules .upcoming p.note,
#modules .top_wrap p.note {
margin: 0px 0 0;
font-size: 12px;
padding: 10px 15px;
}
}
#modules .upcoming p.note b,
#modules .top_wrap p.note b {
font-style: normal;
color: #D50204;
}
#modules .upcoming .btn, #modules .upcoming #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modules .upcoming a,
#modules .upcoming #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modules .upcoming button, #modules .upcoming #reg .reg_all_links button, #reg .reg_all_links #modules .upcoming button,
#modules .upcoming #reg .reg_all_links a,
#reg .reg_all_links #modules .upcoming a, #modules .upcoming #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #modules .upcoming a,
#modules .top_wrap .btn,
#modules .top_wrap #reg .media_wrap_cohort .media .right a,
#reg .media_wrap_cohort .media .right #modules .top_wrap a,
#modules .top_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modules .top_wrap button,
#modules .top_wrap #reg .reg_all_links button,
#reg .reg_all_links #modules .top_wrap button,
#modules .top_wrap #reg .reg_all_links a,
#reg .reg_all_links #modules .top_wrap a,
#modules .top_wrap #modal_module_completed .modal-body h2 a,
#modal_module_completed .modal-body h2 #modules .top_wrap a {
font-size: 14px;
font-weight: 700;
margin: 30px auto 30px;
border-radius: 2px;
letter-spacing: 0;
padding: 16px;
width: 290px;
border-radius: 60px;
}
@media (max-width: 767px) {
#modules .upcoming .btn, #modules .upcoming #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modules .upcoming a,
#modules .upcoming #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modules .upcoming button, #modules .upcoming #reg .reg_all_links button, #reg .reg_all_links #modules .upcoming button,
#modules .upcoming #reg .reg_all_links a,
#reg .reg_all_links #modules .upcoming a, #modules .upcoming #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #modules .upcoming a,
#modules .top_wrap .btn,
#modules .top_wrap #reg .media_wrap_cohort .media .right a,
#reg .media_wrap_cohort .media .right #modules .top_wrap a,
#modules .top_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modules .top_wrap button,
#modules .top_wrap #reg .reg_all_links button,
#reg .reg_all_links #modules .top_wrap button,
#modules .top_wrap #reg .reg_all_links a,
#reg .reg_all_links #modules .top_wrap a,
#modules .top_wrap #modal_module_completed .modal-body h2 a,
#modal_module_completed .modal-body h2 #modules .top_wrap a {
font-size: 13px;
font-weight: 600;
margin: 15px auto 15px;
width: 230px;
}
}
@media (max-width: 639px) {
#modules .upcoming .btn, #modules .upcoming #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modules .upcoming a,
#modules .upcoming #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modules .upcoming button, #modules .upcoming #reg .reg_all_links button, #reg .reg_all_links #modules .upcoming button,
#modules .upcoming #reg .reg_all_links a,
#reg .reg_all_links #modules .upcoming a, #modules .upcoming #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #modules .upcoming a,
#modules .top_wrap .btn,
#modules .top_wrap #reg .media_wrap_cohort .media .right a,
#reg .media_wrap_cohort .media .right #modules .top_wrap a,
#modules .top_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #modules .top_wrap button,
#modules .top_wrap #reg .reg_all_links button,
#reg .reg_all_links #modules .top_wrap button,
#modules .top_wrap #reg .reg_all_links a,
#reg .reg_all_links #modules .top_wrap a,
#modules .top_wrap #modal_module_completed .modal-body h2 a,
#modal_module_completed .modal-body h2 #modules .top_wrap a {
margin: 5px auto 30px;
width: 290px;
}
}
#modules .upcoming .btn.btn-trsp-blue, #modules .upcoming #reg .media_wrap_cohort .media .right a.btn-trsp-blue, #reg .media_wrap_cohort .media .right #modules .upcoming a.btn-trsp-blue,
#modules .upcoming #reg .media_wrap_cohort .media .right button.btn-trsp-blue,
#reg .media_wrap_cohort .media .right #modules .upcoming button.btn-trsp-blue, #modules .upcoming #reg .reg_all_links button.btn-trsp-blue, #reg .reg_all_links #modules .upcoming button.btn-trsp-blue,
#modules .upcoming #reg .reg_all_links a.btn-trsp-blue,
#reg .reg_all_links #modules .upcoming a.btn-trsp-blue, #modules .upcoming #modal_module_completed .modal-body h2 a.btn-trsp-blue, #modal_module_completed .modal-body h2 #modules .upcoming a.btn-trsp-blue,
#modules .top_wrap .btn.btn-trsp-blue,
#modules .top_wrap #reg .media_wrap_cohort .media .right a.btn-trsp-blue,
#reg .media_wrap_cohort .media .right #modules .top_wrap a.btn-trsp-blue,
#modules .top_wrap #reg .media_wrap_cohort .media .right button.btn-trsp-blue,
#reg .media_wrap_cohort .media .right #modules .top_wrap button.btn-trsp-blue,
#modules .top_wrap #reg .reg_all_links button.btn-trsp-blue,
#reg .reg_all_links #modules .top_wrap button.btn-trsp-blue,
#modules .top_wrap #reg .reg_all_links a.btn-trsp-blue,
#reg .reg_all_links #modules .top_wrap a.btn-trsp-blue,
#modules .top_wrap #modal_module_completed .modal-body h2 a.btn-trsp-blue,
#modal_module_completed .modal-body h2 #modules .top_wrap a.btn-trsp-blue {
padding: 9px;
}
#modules .upcoming .wrap_both,
#modules .top_wrap .wrap_both {
padding: 0 30px;
}
#modules .upcoming .wrap_both form,
#modules .top_wrap .wrap_both form {
padding: 0;
background: transparent;
}
#modules .upcoming .wrap_both form:before,
#modules .top_wrap .wrap_both form:before {
display: none;
}
#modules .upcoming .wrap_both form .loader,
#modules .top_wrap .wrap_both form .loader {
display: none;
}
#modules .upcoming .wrap_both .wrap_single,
#modules .top_wrap .wrap_both .wrap_single {
float: left;
width: 50%;
}
@media (max-width: 639px) {
#modules .upcoming .wrap_both .wrap_single,
#modules .top_wrap .wrap_both .wrap_single {
width: 100%;
}
}
#modules .upcoming .wrap_both .wrap_single > p,
#modules .top_wrap .wrap_both .wrap_single > p {
font-size: 16px;
margin-bottom: 20px;
text-align: left;
color: #000;
font-weight: 600;
min-height: 28px;
}
@media (max-width: 767px) {
#modules .upcoming .wrap_both .wrap_single > p,
#modules .top_wrap .wrap_both .wrap_single > p {
min-height: initial;
}
}
#modules .upcoming .wrap_both .wrap_single .time,
#modules .top_wrap .wrap_both .wrap_single .time {
text-align: center;
}
#modules .upcoming .wrap_both .wrap_single .name,
#modules .top_wrap .wrap_both .wrap_single .name {
display: flex;
text-align: left;
align-items: center;
align-content: center;
margin-bottom: 10px;
}
#modules .upcoming .wrap_both .wrap_single .name .img_wrap,
#modules .top_wrap .wrap_both .wrap_single .name .img_wrap {
width: 60px;
height: 60px;
float: left;
display: flex;
overflow: hidden;
position: relative;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100px;
}
#modules .upcoming .wrap_both .wrap_single .name .img_wrap img,
#modules .top_wrap .wrap_both .wrap_single .name .img_wrap img {
width: auto;
height: 100%;
}
#modules .upcoming .wrap_both .wrap_single .name p,
#modules .top_wrap .wrap_both .wrap_single .name p {
margin: 0 0 0 20px;
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #000;
}
#modules .upcoming .wrap_both .wrap_single .name p b,
#modules .top_wrap .wrap_both .wrap_single .name p b {
color: #000;
font-weight: 600;
}
#modules .upcoming .wrap_both .addeventatc,
#modules .top_wrap .wrap_both .addeventatc {
background: #D50204;
color: #fff !important;
border: none;
position: relative;
z-index: 0;
}
#modules .upcoming .wrap_both .addeventatc:hover,
#modules .top_wrap .wrap_both .addeventatc:hover {
background: #fd0d10;
}
#modules .upcoming .wrap_both .addeventatc .addeventatc_icon,
#modules .top_wrap .wrap_both .addeventatc .addeventatc_icon {
display: none;
}
#modules .upcoming .wrap_both .addeventatc:before,
#modules .top_wrap .wrap_both .addeventatc:before {
position: absolute;
top: 16px;
left: 18px;
content: "📅";
font-family: entypo;
font-size: 20px;
color: #fff;
font-weight: 400;
}
#modules .upcoming .zoom_wrap,
#modules .top_wrap .zoom_wrap {
padding: 15px 15px;
background: url(../img/bg/purple.jpg) no-repeat 50% 50%;
background-size: cover;
}
#modules .upcoming .zoom_wrap > p,
#modules .top_wrap .zoom_wrap > p {
margin-bottom: 0px;
font-size: 15px;
color: #fff;
font-weight: 600;
font-family: "Inter";
}
#modules .upcoming .zoom_wrap a.btn, #modules .upcoming .zoom_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #modules .upcoming .zoom_wrap a,
#modules .upcoming .zoom_wrap #reg .reg_all_links a,
#reg .reg_all_links #modules .upcoming .zoom_wrap a, #modules .upcoming .zoom_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #modules .upcoming .zoom_wrap a,
#modules .top_wrap .zoom_wrap a.btn,
#modules .top_wrap .zoom_wrap #reg .media_wrap_cohort .media .right a,
#reg .media_wrap_cohort .media .right #modules .top_wrap .zoom_wrap a,
#modules .top_wrap .zoom_wrap #reg .reg_all_links a,
#reg .reg_all_links #modules .top_wrap .zoom_wrap a,
#modules .top_wrap .zoom_wrap #modal_module_completed .modal-body h2 a,
#modal_module_completed .modal-body h2 #modules .top_wrap .zoom_wrap a {
margin: 10px auto;
font-size: 16px;
padding: 10px 20px;
max-width: 215px;
border: none;
}
#modules .upcoming .zoom_note_wrap p,
#modules .top_wrap .zoom_note_wrap p {
padding: 15px 15px;
margin-bottom: 0px;
font-size: 14px;
text-align: center;
}
#modules .upcoming .descr_wrap,
#modules .top_wrap .descr_wrap {
padding: 40px 30px 30px;
text-align: left;
color: #000;
}
@media (max-width: 991px) {
#modules .upcoming .descr_wrap,
#modules .top_wrap .descr_wrap {
padding: 40px 15px 30px;
}
}
@media (max-width: 479px) {
#modules .upcoming .descr_wrap,
#modules .top_wrap .descr_wrap {
padding: 40px 15px 0;
}
}
#modules .upcoming .descr_wrap h4,
#modules .top_wrap .descr_wrap h4 {
font-size: 18px;
font-weight: 800;
margin: 0 0 12px;
}
@media (max-width: 767px) {
#modules .upcoming .descr_wrap h4,
#modules .top_wrap .descr_wrap h4 {
font-size: 16px;
}
}
#modules .upcoming .descr_wrap ul,
#modules .top_wrap .descr_wrap ul {
list-style: none;
padding: 0;
margin: 0;
}
#modules .upcoming .descr_wrap ul li,
#modules .top_wrap .descr_wrap ul li {
font-size: 14px;
line-height: 1.9;
color: #747474;
position: relative;
}
@media (max-width: 767px) {
#modules .upcoming .descr_wrap ul li,
#modules .top_wrap .descr_wrap ul li {
font-size: 14px;
line-height: 1.45;
margin: 0 0 6px;
}
}
#modules .upcoming .descr_wrap ul li:before,
#modules .top_wrap .descr_wrap ul li:before {
display: inline-block;
padding: 0 5px 0 0;
content: "•";
}
#modules .card {
border: 1px solid #ddd;
box-shadow: none;
margin: 0 0 15px;
overflow: hidden;
}
#modules .card:first-child {
border-top: 1px solid #ddd;
margin-top: 4px;
}
@media (max-width: 639px) {
#modules .card:first-child {
border: none;
}
}
@media (max-width: 991px) {
#modules .card .card-header h5 {
padding: 16px 22px 16px 22px;
}
}
#modules .card .card-header .ttl {
color: #D50204;
}
#modules .card .card-body {
padding: 0;
}
#modules .card .card-body > img {
max-width: 100%;
width: 100%;
}
#modules .card .card-body .video img {
height: 100%;
}
#modules .upgrade {
border-radius: 50px;
padding: 15px 60px;
margin: 60px auto;
display: table;
}
@media (max-width: 767px) {
#modules .upgrade {
font-size: 13px;
font-weight: 600;
margin: 40px auto;
}
}
@media (max-width: 479px) {
#modules .upgrade {
margin: 40px 15px;
}
}
#modules .modal-title {
font-size: 16px;
color: #fff;
margin: 0;
}
#my_account {
padding: 0 15px;
max-width: 920px;
}
@media (max-width: 1199px) {
#my_account {
padding: 0 15px 90px;
}
}
@media (max-width: 767px) {
#my_account {
padding: 0 15px 60px;
}
}
#my_account .sidebar {
padding: 0;
}
#my_account .sidebar .profile {
padding: 60px 0 0 64px;
align-items: center;
display: flex;
}
@media (max-width: 767px) {
#my_account .sidebar .profile {
flex-direction: column;
align-items: center;
padding: 38px 0 0;
}
}
#my_account .sidebar .profile h3 {
font-size: 26px;
line-height: 1.1;
font-weight: 700;
color: #000;
padding-right: 30px;
margin-bottom: 3px;
}
@media (max-width: 767px) {
#my_account .sidebar .profile h3 {
padding-right: 0;
}
}
#my_account .sidebar .profile h5 {
font-size: 14px;
line-height: 1.3;
font-weight: 500;
color: #D50204;
padding-right: 30px;
}
@media (max-width: 767px) {
#my_account .sidebar .profile h5 {
padding-right: 0;
}
}
#my_account .sidebar .profile .box {
margin: 0 0 0 auto;
width: 200px;
}
@media (max-width: 1199px) {
#my_account .sidebar .profile .box {
width: 150px;
}
}
@media (max-width: 767px) {
#my_account .sidebar .profile .box {
display: none;
}
}
#my_account .sidebar .change_avatar {
position: relative;
display: table;
margin: 0 30px 0 0;
}
@media (max-width: 991px) {
#my_account .sidebar .change_avatar {
margin: 0 30px 20px 0;
}
}
@media (max-width: 767px) {
#my_account .sidebar .change_avatar {
padding-right: 0;
margin-right: 0;
}
}
#my_account .sidebar .change_avatar .icon-pencil {
transition: all 0.3s linear;
border: 1px solid #D50204;
font-size: 18px;
border-radius: 50%;
position: absolute;
line-height: 22px;
background: #fff;
color: #D50204;
cursor: pointer;
bottom: -60px;
height: 26px;
margin: auto;
width: 26px;
right: 0;
left: 0;
top: 0;
}
#my_account .sidebar .change_avatar:hover .icon-pencil {
transform: scale(2.5);
bottom: 0;
margin: auto;
}
#my_account .sidebar .avatar {
border: 1px solid #e3e3e3;
object-position: center;
border-radius: 50%;
object-fit: cover;
background: #fff;
cursor: pointer;
display: block;
height: 96px;
width: 96px;
padding: 0;
margin: 0;
}
@media (max-width: 991px) {
#my_account .sidebar .avatar {
height: 70px;
width: 70px;
}
}
#my_account .sidebar .nav {
margin-top: 40px;
}
@media (max-width: 767px) {
#my_account .sidebar .nav {
margin-top: 20px;
}
}
#my_account .sidebar .nav-tabs {
display: none !important;
}
#my_account .sidebar .btn, #my_account .sidebar #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #my_account .sidebar a,
#my_account .sidebar #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #my_account .sidebar button, #my_account .sidebar #reg .reg_all_links button, #reg .reg_all_links #my_account .sidebar button,
#my_account .sidebar #reg .reg_all_links a,
#reg .reg_all_links #my_account .sidebar a, #my_account .sidebar #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #my_account .sidebar a {
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
padding: 12px;
width: 100%;
}
#my_account .sidebar .subscriptions b {
margin: 60px 0 15px;
display: block;
}
#my_account .sidebar .subscriptions ul li label {
margin: 0;
}
@media (max-width: 639px) {
#my_account .sidebar .actionable {
flex-wrap: wrap;
}
}
#my_account .sidebar .actionable form {
flex: 1 0 0;
padding: 10px 10px 0;
}
@media (max-width: 639px) {
#my_account .sidebar .actionable form {
flex: 100% 0 0;
padding: 10px 0 0;
}
}
#my_account .sidebar .actionable form .btn, #my_account .sidebar .actionable form #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #my_account .sidebar .actionable form a,
#my_account .sidebar .actionable form #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #my_account .sidebar .actionable form button, #my_account .sidebar .actionable form #reg .reg_all_links button, #reg .reg_all_links #my_account .sidebar .actionable form button,
#my_account .sidebar .actionable form #reg .reg_all_links a,
#reg .reg_all_links #my_account .sidebar .actionable form a, #my_account .sidebar .actionable form #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #my_account .sidebar .actionable form a {
font-size: 13px;
border-radius: 40px;
letter-spacing: 1px;
}
@media (max-width: 479px) {
#my_account .sidebar .actionable form .btn, #my_account .sidebar .actionable form #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #my_account .sidebar .actionable form a,
#my_account .sidebar .actionable form #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #my_account .sidebar .actionable form button, #my_account .sidebar .actionable form #reg .reg_all_links button, #reg .reg_all_links #my_account .sidebar .actionable form button,
#my_account .sidebar .actionable form #reg .reg_all_links a,
#reg .reg_all_links #my_account .sidebar .actionable form a, #my_account .sidebar .actionable form #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #my_account .sidebar .actionable form a {
padding: 10px 15px;
}
}
#my_account .content {
margin-top: 60px;
margin-bottom: 100px;
border: 1px solid #eee !important;
}
@media (max-width: 991px) {
#my_account .content {
margin-top: 30px;
}
}
#my_account .content #account-content {
padding: 0 90px 8px;
}
@media (max-width: 991px) {
#my_account .content #account-content {
padding: 0 15px 10px;
}
}
#my_account .content #account-content .input_wr {
font-size: 20px;
line-height: 1em;
font-weight: 400;
color: #000;
margin: 0;
}
@media (max-width: 767px) {
#my_account .content #account-content .input_wr {
font-size: 18px;
}
}
#my_account .content #account-content .input_wr b {
font-size: 22px;
line-height: 1.5em;
font-weight: 700;
margin: 0 0 29px;
display: block;
}
@media (max-width: 767px) {
#my_account .content #account-content .input_wr b {
font-size: 18px;
margin: 0 0 5px;
}
}
#my_account .content #account-content .input_wr i {
margin: 0 0 38px;
font-size: 18px;
color: #D50204;
display: block;
}
@media (max-width: 767px) {
#my_account .content #account-content .input_wr i {
font-size: 16px;
}
}
@media (max-width: 479px) {
#my_account .content #account-content .input_wr i {
font-size: 14px;
}
}
#my_account .content #account-content .btn, #my_account .content #account-content #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #my_account .content #account-content a,
#my_account .content #account-content #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #my_account .content #account-content button, #my_account .content #account-content #reg .reg_all_links button, #reg .reg_all_links #my_account .content #account-content button,
#my_account .content #account-content #reg .reg_all_links a,
#reg .reg_all_links #my_account .content #account-content a, #my_account .content #account-content #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #my_account .content #account-content a {
text-transform: uppercase;
margin: 10px auto 40px;
border-radius: 50px;
padding: 15px 60px;
display: table;
}
@media (max-width: 479px) {
#my_account .content #account-content .btn, #my_account .content #account-content #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #my_account .content #account-content a,
#my_account .content #account-content #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #my_account .content #account-content button, #my_account .content #account-content #reg .reg_all_links button, #reg .reg_all_links #my_account .content #account-content button,
#my_account .content #account-content #reg .reg_all_links a,
#reg .reg_all_links #my_account .content #account-content a, #my_account .content #account-content #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #my_account .content #account-content a {
font-size: 14px;
padding: 10px 40px;
}
}
#my_account .content #account-content .settings-field {
margin: 15px 0 0;
align-items: center;
display: flex;
height: 100px;
position: relative;
}
@media (max-width: 991px) {
#my_account .content #account-content .settings-field {
padding: 24px 0;
height: auto;
}
}
@media (max-width: 639px) {
#my_account .content #account-content .settings-field {
padding: 12px 0;
}
}
#my_account .content #account-content .settings-field:nth-last-child(n+2) {
border-bottom: 1px solid #e0e0e0;
}
#my_account .content #account-content .settings-field .alert {
width: 100%;
position: absolute;
left: 83px;
bottom: -7px;
border: none;
background: transparent;
padding: 0;
margin: 0;
font-size: 12px;
}
#my_account .content #account-content .settings-field .icon {
margin: 0 40px 0 2px;
color: #ddd;
}
@media (max-width: 767px) {
#my_account .content #account-content .settings-field .icon {
margin: 0 30px 0 2px;
}
}
@media (max-width: 639px) {
#my_account .content #account-content .settings-field .icon {
margin: 0 17px 0 2px;
}
}
@media (max-width: 639px) {
#my_account .content #account-content .settings-field .icon img {
max-width: 28px;
}
}
#my_account .content #account-content .settings-field .input_wr {
font-size: 14px;
line-height: 1.5;
font-weight: 600;
color: #666;
padding-right: 30px;
margin: 0;
flex: 0 0 calc(100% - 88px);
}
@media (max-width: 639px) {
#my_account .content #account-content .settings-field .input_wr {
font-size: 12px;
}
}
#my_account .content #account-content .settings-field .input_wr b {
font-size: 24px;
line-height: 1.5;
font-weight: 600;
color: #000;
display: block;
margin: 0;
}
@media (max-width: 1199px) {
#my_account .content #account-content .settings-field .input_wr b {
font-size: 22px;
}
}
@media (max-width: 767px) {
#my_account .content #account-content .settings-field .input_wr b {
font-size: 20px;
}
}
@media (max-width: 639px) {
#my_account .content #account-content .settings-field .input_wr b {
font-size: 15px;
}
}
#my_account .content #account-content .settings-field .input_wr #display_name_wrap {
position: relative;
}
#my_account .content #account-content .settings-field .input_wr #display_name_wrap:before {
transition: all 0.3s linear;
font-family: "fontello", serif;
position: absolute;
line-height: 44px;
font-size: 18px;
display: block;
content: "";
z-index: 1;
right: 0;
}
#my_account .content #account-content .settings-field .input_wr #display_name_wrap.success:before {
content: "✓";
color: green;
}
#my_account .content #account-content .settings-field .input_wr #display_name_wrap.success #display_name {
box-shadow: 0 0 10px rgba(0, 128, 0, 0.3);
border: 1px solid green;
color: green;
}
#my_account .content #account-content .settings-field .input_wr #display_name_wrap.error:before {
color: red;
}
#my_account .content #account-content .settings-field .input_wr #display_name_wrap.error #display_name {
box-shadow: none;
border-bottom-color: red;
color: red;
}
#my_account .content #account-content .settings-field .input_wr #display_name {
font-size: 24px;
line-height: 1.5;
font-weight: 600;
color: #000;
border: 1px solid transparent;
transition: all 0.3s linear;
padding: 0;
margin: 0;
height: auto;
display: block;
}
#my_account .content #account-content .settings-field .input_wr #display_name:focus {
box-shadow: none;
border-bottom: 1px solid #D50204;
outline: none;
}
@media (max-width: 1199px) {
#my_account .content #account-content .settings-field .input_wr #display_name {
font-size: 22px;
}
}
@media (max-width: 767px) {
#my_account .content #account-content .settings-field .input_wr #display_name {
font-size: 20px;
}
}
@media (max-width: 639px) {
#my_account .content #account-content .settings-field .input_wr #display_name {
font-size: 15px;
}
}
#my_account .content #account-content .settings-field .input_wr #zoom_email_wrap {
position: relative;
}
#my_account .content #account-content .settings-field .input_wr #zoom_email_wrap:before {
transition: all 0.3s linear;
font-family: "fontello", serif;
position: absolute;
line-height: 44px;
font-size: 18px;
display: block;
content: "";
z-index: 1;
right: 0;
}
#my_account .content #account-content .settings-field .input_wr #zoom_email_wrap #zoom_email {
font-size: 24px;
line-height: 1.5;
font-weight: 600;
color: #000;
border: 1px solid transparent;
transition: all 0.3s linear;
padding: 0;
margin: 0;
height: auto;
display: block;
width: 100%;
}
#my_account .content #account-content .settings-field .input_wr #zoom_email_wrap #zoom_email:focus {
box-shadow: none;
border-bottom: 1px solid #D50204;
outline: none;
}
@media (max-width: 1199px) {
#my_account .content #account-content .settings-field .input_wr #zoom_email_wrap #zoom_email {
font-size: 22px;
}
}
@media (max-width: 767px) {
#my_account .content #account-content .settings-field .input_wr #zoom_email_wrap #zoom_email {
font-size: 20px;
}
}
@media (max-width: 639px) {
#my_account .content #account-content .settings-field .input_wr #zoom_email_wrap #zoom_email {
font-size: 15px;
}
}
#my_account .content #account-content .settings-field .input_wr .not-validated {
border-bottom-color: #721c24 !important;
}
#my_account .content #account-content .settings-field .input_wr .popover_wr {
cursor: pointer;
}
#my_account .content #account-content .settings-field .input_wr .popover_wr .popover_icon {
border: 1px solid #D50204;
color: #D50204;
margin-left: 10px;
width: 17px;
height: 17px;
font-size: 11px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: all ease 0.3s;
}
#my_account .content #account-content .settings-field .input_wr .popover_wr .popover {
position: absolute;
left: calc(50% - 130px);
width: 290px;
height: 225px;
top: -235px;
transform: translate(0, -20px);
opacity: 0;
transition: all ease 0.3s;
padding: 10px;
background: #fff;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
z-index: -1;
}
#my_account .content #account-content .settings-field .input_wr .popover_wr:hover .popover_icon {
border-color: #000;
color: #000;
}
#my_account .content #account-content .settings-field .input_wr .popover_wr:hover .popover {
opacity: 1;
transform: translate(0, 0);
z-index: 10;
}
#my_account .content #account-content .settings-field .cta {
margin-left: auto;
background: none;
transition: 0.2s;
font-size: 28px;
cursor: pointer;
color: #D50204;
border: none;
padding: 0;
opacity: 1;
}
#my_account .content #account-content .settings-field .cta:hover {
opacity: 0.8;
}
@media (max-width: 479px) {
#my_account .content #account-content .settings-field .cta {
position: absolute;
bottom: 0;
right: 0;
font-size: 22px;
}
}
#my_account .content #account-content .tab-notifications {
padding: 80px 98px 101px;
}
@media (max-width: 991px) {
#my_account .content #account-content .tab-notifications {
padding: 50px 0 40px;
}
}
#my_account .content #account-content .tab-notifications .pages_account_letter {
margin: 0 0 23px;
width: 75px;
}
@media (max-width: 991px) {
#my_account .content #account-content .tab-notifications .pages_account_letter {
width: 60px;
}
}
#my_account .content #account-content .tab-notifications h3 {
font-size: 22px;
line-height: 1.45;
}
@media (max-width: 991px) {
#my_account .content #account-content .tab-notifications h3 {
font-size: 20px;
}
}
@media (max-width: 479px) {
#my_account .content #account-content .tab-notifications h3 {
font-size: 18px;
}
}
#my_account .content h1 {
font-size: 40px;
line-height: 1.2em;
font-weight: 700;
color: #000;
margin: 12px 0 18px;
}
@media (max-width: 1199px) {
#my_account .content h1 {
font-size: 36px;
}
}
@media (max-width: 991px) {
#my_account .content h1 {
font-size: 32px;
margin: 0 0 15px;
}
}
@media (max-width: 767px) {
#my_account .content h1 {
font-size: 28px;
}
}
@media (max-width: 479px) {
#my_account .content h1 {
font-size: 24px;
}
}
#my_account .content p {
font-size: 18px;
line-height: 1.65em;
font-weight: 400;
color: #666;
margin: 0;
}
@media (max-width: 767px) {
#my_account .content p {
font-size: 16px;
line-height: 1.45em;
}
}
#my_account .content p.small {
font-size: 13px;
line-height: 1.65em;
font-weight: 400;
font-style: italic;
color: #a1a1a1;
letter-spacing: -0.5px;
margin: 15px 0;
}
#my_account .content .gray_box {
background: #f7f7f7;
padding: 33px 29px;
margin: 18px 0 0;
}
@media (max-width: 767px) {
#my_account .content .gray_box {
padding: 40px 15px;
margin: 0 0 15px;
}
}
@media (max-width: 479px) {
#my_account .content .gray_box {
padding: 60px 15px;
margin: 0 -15px;
}
}
#my_account .content .gray_box.dark {
background: #eceeee;
}
#my_account .content .gray_box h3 {
font-size: 22px;
line-height: 1.2em;
font-weight: 700;
font-style: italic;
color: #000;
margin: 0 0 8px;
}
@media (max-width: 767px) {
#my_account .content .gray_box h3 {
font-size: 20px;
}
}
#my_account .content .gray_box h3 .red {
font-size: 17px;
font-weight: 600;
font-style: italic;
color: #ff0101;
}
@media (max-width: 767px) {
#my_account .content .gray_box h3 .red {
font-size: 15px;
}
}
#my_account .content .gray_box p {
font-size: 17px;
line-height: 2.15em;
font-weight: 400;
color: #787878;
margin: 0;
}
@media (max-width: 767px) {
#my_account .content .gray_box p {
font-size: 16px;
line-height: 1.45em;
}
}
#my_account .content .gray_box p b {
color: #000;
}
#my_account .content .gray_box .btn, #my_account .content .gray_box #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #my_account .content .gray_box a,
#my_account .content .gray_box #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #my_account .content .gray_box button, #my_account .content .gray_box #reg .reg_all_links button, #reg .reg_all_links #my_account .content .gray_box button,
#my_account .content .gray_box #reg .reg_all_links a,
#reg .reg_all_links #my_account .content .gray_box a, #my_account .content .gray_box #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #my_account .content .gray_box a {
font-size: 15px;
font-weight: 600;
margin: 45px auto 18px;
letter-spacing: 0;
max-width: 400px;
display: table;
padding: 12px;
width: 100%;
}
@media (max-width: 767px) {
#my_account .content .gray_box .btn, #my_account .content .gray_box #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #my_account .content .gray_box a,
#my_account .content .gray_box #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #my_account .content .gray_box button, #my_account .content .gray_box #reg .reg_all_links button, #reg .reg_all_links #my_account .content .gray_box button,
#my_account .content .gray_box #reg .reg_all_links a,
#reg .reg_all_links #my_account .content .gray_box a, #my_account .content .gray_box #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #my_account .content .gray_box a {
margin: 25px auto 0;
}
}
@media (max-width: 479px) {
#my_account .content .gray_box .btn, #my_account .content .gray_box #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #my_account .content .gray_box a,
#my_account .content .gray_box #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #my_account .content .gray_box button, #my_account .content .gray_box #reg .reg_all_links button, #reg .reg_all_links #my_account .content .gray_box button,
#my_account .content .gray_box #reg .reg_all_links a,
#reg .reg_all_links #my_account .content .gray_box a, #my_account .content .gray_box #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #my_account .content .gray_box a {
padding: 12px 30px;
}
}
.notifications-field {
align-items: center;
padding: 13px 0;
display: flex;
}
.notifications-field .icon {
display: inline-flex;
margin: 0 16px 0 0;
font-size: 34px;
color: #D50204;
}
.notifications-field h5 {
padding-right: 30px;
font-weight: 600;
font-size: 17px;
color: #000000;
margin: 0;
}
.notifications-field .switch {
align-items: center;
position: relative;
padding-left: 5px;
margin-left: auto;
display: flex;
width: 60px;
height: 20px;
}
.notifications-field .switch input {
position: absolute;
height: 100%;
width: 100%;
opacity: 0;
z-index: 2;
bottom: 0;
margin: 0;
right: 0;
left: 0;
top: 0;
}
.notifications-field .switch label {
padding-right: 38px;
align-items: center;
font-weight: 400;
font-size: 13px;
display: flex;
color: #000;
margin: 0;
}
.notifications-field .switch label span {
display: none;
}
.notifications-field .switch label .off {
color: #999;
}
.notifications-field .switch label:before {
box-shadow: 0 0 0 1px #eee;
border: 3px solid #fff;
background: #f5f5f5;
border-radius: 9px;
position: absolute;
transition: 0.2s;
display: block;
height: 16px;
width: 28px;
content: "";
right: 0;
}
.notifications-field .switch label:after {
background: #c5b9c8;
border-radius: 50%;
position: absolute;
transition: 0.2s;
display: block;
height: 10px;
content: "";
right: 14px;
width: 10px;
}
.notifications-field .switch input[type=checkbox]:not(:checked) + label .off {
display: inline-block;
}
.notifications-field .switch input[type=checkbox]:checked + label .on {
display: inline-block;
}
.notifications-field .switch input[type=checkbox]:checked + label:before {
background: #c5b9c8;
}
.notifications-field .switch input[type=checkbox]:checked + label:after {
background: #9d00c8;
right: 4px;
}
#i4wcportalinvoices #i4w-cportal-invoices_info,
#i4wcportalinvoices #i4w-cportal-invoices_length,
#i4wcportalinvoices #i4w-cportal-invoices_filter,
#i4wcportalinvoices tfoot,
#i4wcportalinvoices p {
display: none;
}
#i4wcportalinvoices #i4w-cportal-invoices {
width: 100% !important;
}
#i4wcportalinvoices #i4w-cportal-invoices thead tr th {
background: transparent;
cursor: inherit;
}
@media (max-width: 991px) {
#i4wcportalinvoices #i4w-cportal-invoices tbody tr {
height: 60px;
}
}
#i4wcportalinvoices #i4w-cportal-invoices tbody tr td {
border-bottom: 1px solid #ddd;
padding: 0;
}
#i4wcportalinvoices #i4w-cportal-invoices_paginate {
margin: 20px auto;
display: table;
float: none;
}
#i4wcportalinvoices #i4w-cportal-invoices_paginate .paginate_button {
transition: all 0.3s linear;
text-transform: uppercase;
background: transparent;
border: 1px solid #ddd;
margin: 0 0 0 -1px;
font-size: 12px;
}
#i4wcportalinvoices #i4w-cportal-invoices_paginate .paginate_button:hover {
border: 1px solid #D50204;
color: #D50204 !important;
position: relative;
z-index: 10;
}
#i4wcportalinvoices .i4w-cportal-invoice-open {
font-size: 12px;
line-height: 1.45;
font-weight: 600;
border: 1px solid #D50204;
transition: all 0.3s linear;
border-radius: 100px;
padding: 7px 25px;
}
#i4wcportalinvoices .i4w-cportal-invoice-open:hover {
background: #D50204;
cursor: pointer;
color: #fff;
}
#i4wcportalinvoices .i4w-cportal-invoice-open:focus {
outline: none;
}
#i4wcportalinvoices .i4w-cportal-invoice-pay {
font-size: 12px;
line-height: 1.45;
font-weight: 600;
color: #fff;
border: 1px solid #D50204;
transition: all 0.3s linear;
background: #D50204;
border-radius: 100px;
padding: 7px 25px;
margin: 11px 0 0;
}
#i4wcportalinvoices .i4w-cportal-invoice-pay:hover {
background: #fff;
color: #D50204;
cursor: pointer;
}
#i4wcportalinvoices .i4w-cportal-invoice-pay:focus {
outline: none;
}
#nav-payments {
margin: 0 -22px;
}
@media (max-width: 991px) {
#nav-payments {
overflow: auto;
margin: 0;
}
}
#nav-payments .mbr-popup-modal {
pointer-events: all;
background: #fff;
overflow: scroll;
opacity: 1;
padding: 0;
}
#nav-payments .mbr-popup-modal .mbr-popup-close {
text-decoration: none;
font-size: 36px;
}
#nav-payments .mbr-popup-modal > div:first-child {
height: 100% !important;
width: 100% !important;
transform: scale(1);
padding: 60px 30px;
max-width: 1200px;
margin: 0 auto;
opacity: 1;
}
@media (max-width: 991px) {
#nav-payments .mbr-popup-modal > div:first-child {
padding: 40px 15px;
}
}
#nav-payments .i4w-cportal-invoice-print-icon {
display: block !important;
}
#nav-payments .i4w-cportal-invoice-print-icon .icon-download {
font-size: 24px;
color: #000;
vertical-align: top;
margin: 1px 15px 0;
}
#nav-payments div:not(.mbr-popup-modal-content) > p {
display: none;
}
#nav-payments .active * {
font-weight: bold;
color: #2ba52b;
}
#invoice_wrap table {
min-width: 500px;
font-size: 15px;
color: #747474;
}
#invoice_wrap table p {
font-size: 15px !important;
line-height: 1 !important;
}
#invoice_wrap table p span {
font-style: italic;
font-size: 13px;
margin: 5px 0 0;
display: block;
}
#invoice_wrap table thead th {
font-weight: 400;
font-size: 15px;
font-weight: 600;
border: none;
}
@media (max-width: 991px) {
#invoice_wrap table thead th {
font-size: 13px;
}
}
@media (max-width: 767px) {
#invoice_wrap table thead th {
font-size: 12px;
}
}
#invoice_wrap table tbody tr {
height: 60px;
font-size: 15px;
font-weight: 400;
}
@media (max-width: 991px) {
#invoice_wrap table tbody tr {
font-size: 13px;
}
}
@media (max-width: 767px) {
#invoice_wrap table tbody tr {
font-size: 12px;
height: 50px;
}
}
@media (max-width: 639px) {
#invoice_wrap table tbody tr {
height: 42px;
}
}
#invoice_wrap table tbody tr:first-child > * {
border: none;
}
#invoice_wrap table td,
#invoice_wrap table th {
padding: 27px 15px 0;
text-align: center;
}
#invoice_wrap table td:first-child,
#invoice_wrap table th:first-child {
text-align: left;
padding-left: 0;
}
#invoice_wrap table td:last-child,
#invoice_wrap table th:last-child {
padding-right: 0;
width: 60px;
}
#card_wrap {
padding-top: 40px;
}
#card_wrap table {
display: block;
max-width: 610px;
margin: 0 auto;
}
#card_wrap table tr td {
line-height: 44px;
}
@media (max-width: 639px) {
#card_wrap table tr td {
line-height: initial;
}
}
#card_wrap table tr td:nth-child(1) {
font-size: 15px;
}
#card_wrap table tr td:nth-child(2) {
width: 65%;
}
#card_wrap table tr td:nth-child(2) * {
width: 100%;
border: 1px solid #ddd;
outline: none;
margin-bottom: 2px;
color: #000;
}
#card_wrap table tr:last-child td {
width: 100%;
}
#card_wrap .select_wrap {
position: relative;
}
#card_wrap .select_wrap:before {
position: absolute;
top: 8px;
right: 12px;
color: #9f9f9f;
font-size: 21px;
font-family: "entypo";
display: inline-block;
content: "\e75c";
}
#card_wrap select,
#card_wrap input {
padding: 0 12px !important;
font-size: 14px;
cursor: pointer;
font-weight: 400 !important;
}
#card_wrap select {
height: 44px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
#card_wrap #Submit {
display: block;
margin: 40px auto 20px;
background: #F2EC28;
color: #fff;
border: none;
outline: none;
border-radius: 60px;
transition: all 0.2s;
cursor: pointer;
font-size: 19px;
padding: 10px 50px !important;
line-height: 0;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
}
#card_wrap #Submit:hover {
background: #f1ea10;
}
#res_lib {
position: relative;
background: #fff;
height: auto;
padding: 0 15px 0 208px;
display: flex;
justify-content: center;
flex-wrap: wrap;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 639px) {
#res_lib {
padding: 0;
}
}
#res_lib.no_sidebar {
padding: 0 15px;
}
#res_lib.no_sidebar .sb {
display: none;
}
#res_lib.no_sidebar .res .thumb_wrap {
width: 76px;
padding: 0;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
#res_lib.no_sidebar .res .thumb_wrap {
margin-right: 53px;
margin-left: 0;
}
}
#res_lib.no_sidebar .res .thumb_wrap img.thumb {
max-width: 100%;
}
#res_lib.no_sidebar .res .media .btn, #res_lib.no_sidebar .res #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort #res_lib.no_sidebar .res .media .right a,
#res_lib.no_sidebar .res #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort #res_lib.no_sidebar .res .media .right button, #res_lib.no_sidebar .res .media #reg .reg_all_links button, #reg .reg_all_links #res_lib.no_sidebar .res .media button,
#res_lib.no_sidebar .res .media #reg .reg_all_links a,
#reg .reg_all_links #res_lib.no_sidebar .res .media a, #res_lib.no_sidebar .res .media #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #res_lib.no_sidebar .res .media a {
width: auto;
min-width: 200px;
padding: 9px 27px;
margin-top: 15px;
}
@media (min-width: 768px) {
#res_lib.no_sidebar .res .media .btn, #res_lib.no_sidebar .res #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort #res_lib.no_sidebar .res .media .right a,
#res_lib.no_sidebar .res #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort #res_lib.no_sidebar .res .media .right button, #res_lib.no_sidebar .res .media #reg .reg_all_links button, #reg .reg_all_links #res_lib.no_sidebar .res .media button,
#res_lib.no_sidebar .res .media #reg .reg_all_links a,
#reg .reg_all_links #res_lib.no_sidebar .res .media a, #res_lib.no_sidebar .res .media #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #res_lib.no_sidebar .res .media a {
margin-top: 0;
}
}
#res_lib.no_sidebar h3 {
font-size: 28px;
line-height: 1.45;
font-weight: 400;
color: #000;
}
@media (max-width: 991px) {
#res_lib.no_sidebar h3 {
font-size: 24px;
}
}
@media (max-width: 767px) {
#res_lib.no_sidebar h3 {
font-size: 22px;
}
}
@media (max-width: 479px) {
#res_lib.no_sidebar h3 {
font-size: 20px;
}
}
#res_lib.no_sidebar ul li {
font-size: 20px;
line-height: 1.45;
font-weight: 400;
color: #000;
margin: 0;
}
@media (max-width: 991px) {
#res_lib.no_sidebar ul li {
font-size: 18px;
}
}
@media (max-width: 479px) {
#res_lib.no_sidebar ul li {
font-size: 16px;
}
}
@media (max-width: 991px) {
#res_lib .warning {
text-align: center;
}
}
#res_lib .warning h3 {
font-size: 20px;
line-height: 1.45;
margin: 0 0 15px;
}
@media (max-width: 1199px) {
#res_lib .warning h3 {
font-size: 26px;
}
}
@media (max-width: 767px) {
#res_lib .warning h3 {
font-size: 24px;
}
}
@media (max-width: 639px) {
#res_lib .warning h3 {
font-size: 20px;
}
}
@media (max-width: 479px) {
#res_lib .warning h3 {
font-size: 18px;
}
}
@media (max-width: 479px) {
#res_lib .warning h3 br {
display: none;
}
}
#res_lib .media {
align-items: center;
align-content: center;
}
@media (max-width: 767px) {
#res_lib .media {
display: block;
}
}
@media (max-width: 639px) {
#res_lib .media {
padding-left: 15px;
padding-right: 15px;
}
}
#res_lib .sb {
border-right: 1px solid #ddd;
padding: 0 0 0 0px;
position: absolute;
left: 0;
margin: 0 0 0 8px;
height: 100%;
width: 245px;
overflow: hidden;
}
@media (max-width: 1199px) {
#res_lib .sb {
max-width: 200px;
}
}
@media (max-width: 639px) {
#res_lib .sb {
display: none;
}
}
#res_lib .sb > div {
margin: 49px 0 0;
padding: 0 0 0 10px;
width: 100%;
}
@media (max-width: 991px) {
#res_lib .sb > div {
padding-left: 15px;
margin-top: 30px;
}
}
@media (max-width: 1199px) {
#res_lib .sb > div {
max-width: 200px;
}
}
#res_lib .wrap_all_res {
padding: 54px 15px 80px;
min-height: 620px;
max-width: 800px;
width: 100%;
}
@media (max-width: 1199px) {
#res_lib .wrap_all_res {
padding: 54px 15px 80px 15px;
}
}
@media (max-width: 991px) {
#res_lib .wrap_all_res {
padding: 30px 15px;
}
}
#res_lib .res {
position: relative;
margin: 0 0 32px;
}
@media (max-width: 767px) {
#res_lib .res {
text-align: center;
margin: 0 0 60px;
}
}
#res_lib .res .thumb_wrap {
padding: 0 15px 0 0;
text-align: center;
width: 150px;
}
@media (max-width: 1199px) {
#res_lib .res .thumb_wrap {
padding: 0 15px 0 0;
}
}
@media (max-width: 991px) {
#res_lib .res .thumb_wrap {
width: 110px;
}
}
@media (max-width: 767px) {
#res_lib .res .thumb_wrap {
width: 100%;
padding: 0;
}
}
#res_lib .res .thumb_wrap img.thumb {
max-height: 110px;
max-width: 110px;
height: auto;
width: auto;
}
@media (max-width: 991px) {
#res_lib .res .thumb_wrap img.thumb {
max-height: 80px;
}
}
@media (max-width: 639px) {
#res_lib .res .thumb_wrap img.thumb {
max-width: 140px;
max-height: 140px;
}
}
#res_lib .res .ttl {
font-size: 18px;
line-height: 22px;
font-weight: 500;
color: #0F0F3D;
margin: 6px 0 3px 0;
padding-right: 15px;
}
@media (max-width: 991px) {
#res_lib .res .ttl {
font-size: 16px;
}
}
#res_lib .res .descr {
font-size: 12px;
line-height: 1.65;
font-weight: 400;
color: #828282;
margin: 0;
}
@media (max-width: 767px) {
#res_lib .res .descr {
margin-bottom: -5px;
}
}
#res_lib .res .cat {
font-size: 12px;
line-height: 1.65;
font-weight: 600;
color: #0F0F3D;
margin: 0;
}
#res_lib .res .cat a {
color: #D50204;
}
#res_lib .res .type {
font-size: 12px;
line-height: 1.85;
font-weight: 600;
color: #D50204;
margin: 0;
}
@media (max-width: 767px) {
#res_lib .res .type {
margin: 0 0 10px;
}
}
#res_lib .res .type b {
color: #D50204;
}
#res_lib .res .btn, #res_lib .res #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #res_lib .res a,
#res_lib .res #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #res_lib .res button, #res_lib .res #reg .reg_all_links button, #reg .reg_all_links #res_lib .res button,
#res_lib .res #reg .reg_all_links a,
#reg .reg_all_links #res_lib .res a, #res_lib .res #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #res_lib .res a {
font-size: 14px;
letter-spacing: unset;
text-align: center;
margin: 5px 0 0;
padding: 9px 0;
width: 127px;
margin-top: 0;
border-radius: 0;
}
@media (max-width: 1199px) {
#res_lib .res .btn, #res_lib .res #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #res_lib .res a,
#res_lib .res #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #res_lib .res button, #res_lib .res #reg .reg_all_links button, #reg .reg_all_links #res_lib .res button,
#res_lib .res #reg .reg_all_links a,
#reg .reg_all_links #res_lib .res a, #res_lib .res #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #res_lib .res a {
margin: 0;
}
}
@media (max-width: 767px) {
#res_lib .res .btn, #res_lib .res #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #res_lib .res a,
#res_lib .res #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #res_lib .res button, #res_lib .res #reg .reg_all_links button, #reg .reg_all_links #res_lib .res button,
#res_lib .res #reg .reg_all_links a,
#reg .reg_all_links #res_lib .res a, #res_lib .res #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #res_lib .res a {
width: 100%;
}
}
#res_lib.search .wrap_all_res {
min-height: unset;
}
.res_bnr {
position: fixed;
bottom: 0;
z-index: 10;
padding: 0px 15px;
width: 100%;
}
.res_bnr .container {
position: relative;
}
.res_bnr .close {
position: absolute;
top: -32px;
right: -15px;
z-index: 11;
color: #D50204;
opacity: 0.6;
font-weight: bold;
font-size: 38px;
cursor: pointer;
transition: all 0.2s;
}
.res_bnr .close:hover {
opacity: 1;
}
@media (max-width: 1199px) {
.res_bnr .close {
top: -5px;
right: 13px;
color: #fff;
opacity: 0.8;
}
}
@media (max-width: 991px) {
.res_bnr #bnr_call {
margin-top: 0;
}
}
#banner.search {
background: #f5f5f5;
padding: 78px 15px 110px;
background: url(../img/bg/bg_faq.jpeg) no-repeat 50% 50%;
background-size: cover;
}
@media (max-width: 767px) {
#banner.search {
padding: 40px 15px 50px;
}
}
#banner.search .wrap {
min-height: 0;
}
#banner.search .wrap h1 {
margin-bottom: 10px;
}
.gray_top_line {
background: #f5f5f5;
margin: 0 0 5px;
padding: 20px 0;
text-align: center;
}
.gray_top_line p {
font-size: 15px;
line-height: 1.45em;
font-weight: 400;
color: #787878;
letter-spacing: 0.3px;
padding: 0;
margin: 0;
display: block;
text-align: center;
}
@media (max-width: 578px) {
.gray_top_line p {
font-size: 14px;
line-height: 1.2;
}
}
.gray_top_line p b {
color: #000;
}
#search_res {
margin-top: 70px;
margin-bottom: 70px;
}
#search_res h2 {
font-size: 18px;
line-height: 1.2em;
font-weight: 700;
color: #000;
margin: 0;
}
@media (max-width: 767px) {
#search_res h2 {
font-size: 16px;
line-height: 1.3;
}
}
#search_res p {
font-size: 15px;
line-height: 1.6em;
font-weight: 400;
font-style: italic;
color: #787878;
letter-spacing: -0.5px;
word-break: break-word;
margin: 5px 0 0;
}
@media (max-width: 578px) {
#search_res p {
font-size: 14px;
line-height: 1.3;
margin: 10px 0 0;
}
}
#search_res .btn, #search_res #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #search_res a,
#search_res #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #search_res button, #search_res #reg .reg_all_links button, #reg .reg_all_links #search_res button,
#search_res #reg .reg_all_links a,
#reg .reg_all_links #search_res a, #search_res #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #search_res a {
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 30px;
padding: 8px 0;
margin: 0 0 15px;
width: 142px;
}
@media (max-width: 767px) {
#search_res .btn, #search_res #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #search_res a,
#search_res #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #search_res button, #search_res #reg .reg_all_links button, #reg .reg_all_links #search_res button,
#search_res #reg .reg_all_links a,
#reg .reg_all_links #search_res a, #search_res #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #search_res a {
width: 100%;
}
}
@media (max-width: 639px) {
#search_res .btn, #search_res #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #search_res a,
#search_res #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #search_res button, #search_res #reg .reg_all_links button, #reg .reg_all_links #search_res button,
#search_res #reg .reg_all_links a,
#reg .reg_all_links #search_res a, #search_res #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #search_res a {
width: 142px;
float: left;
margin: 15px 0 0;
}
}
#search_res .btn .icon-right-thin, #search_res #reg .media_wrap_cohort .media .right a .icon-right-thin, #reg .media_wrap_cohort .media .right #search_res a .icon-right-thin,
#search_res #reg .media_wrap_cohort .media .right button .icon-right-thin,
#reg .media_wrap_cohort .media .right #search_res button .icon-right-thin, #search_res #reg .reg_all_links button .icon-right-thin, #reg .reg_all_links #search_res button .icon-right-thin,
#search_res #reg .reg_all_links a .icon-right-thin,
#reg .reg_all_links #search_res a .icon-right-thin, #search_res #modal_module_completed .modal-body h2 a .icon-right-thin, #modal_module_completed .modal-body h2 #search_res a .icon-right-thin {
display: none;
}
#search_res .btn:hover, #search_res #reg .media_wrap_cohort .media .right a:hover, #reg .media_wrap_cohort .media .right #search_res a:hover,
#search_res #reg .media_wrap_cohort .media .right button:hover,
#reg .media_wrap_cohort .media .right #search_res button:hover, #search_res #reg .reg_all_links button:hover, #reg .reg_all_links #search_res button:hover,
#search_res #reg .reg_all_links a:hover,
#reg .reg_all_links #search_res a:hover, #search_res #modal_module_completed .modal-body h2 a:hover, #modal_module_completed .modal-body h2 #search_res a:hover {
opacity: 1;
}
#search_res .row {
padding: 20px 0 15px;
border-bottom: 1px solid #ddd;
}
@media (max-width: 578px) {
#search_res .row {
padding: 15px 0;
}
}
#search_res .row .col-lg-10 {
padding-left: 0;
}
@media (max-width: 578px) {
#search_res .row .col-lg-10 {
padding: 0;
}
}
#search_res .row .col-lg-2 {
padding-right: 0;
}
@media (max-width: 578px) {
#search_res .row .col-lg-2 {
padding: 0;
}
}
#search_res .alert-dismissible {
display: block;
margin: 0 auto;
padding: 15px 40px;
text-align: center;
}
#search_res .alert-dismissible p {
margin: 0px;
}
.rules_message {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #d39f62 2.01%, #9042ff 100%);
background-size: cover;
text-align: center;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
font-size: 24px;
line-height: 140%;
font-weight: 500;
text-align: center;
}
.rules_wrap {
margin: 0 auto 80px;
display: flex;
justify-content: center;
padding: 80px 0;
}
@media (max-width: 991px) {
.rules_wrap {
flex-wrap: wrap;
margin-bottom: 0;
padding: 60px 0;
}
}
@media (max-width: 767px) {
.rules_wrap {
padding: 40px 0;
}
}
.rules_wrap .left {
position: relative;
width: 46%;
background: rgba(0, 0, 0, 0.6);
color: #fff;
text-align: left;
padding: 52px 15px 30px 50px;
border-radius: 8px 0 0 8px;
background: #7B0001;
}
@media (max-width: 991px) {
.rules_wrap .left {
width: 100%;
padding: 40px 30px 30px;
border-radius: 8px 8px 0 0;
}
}
@media (max-width: 767px) {
.rules_wrap .left {
padding-left: 15px;
padding-right: 15px;
}
}
.rules_wrap .left h6 {
font-size: 18px;
line-height: 25px;
font-family: "Inter";
font-weight: 400;
}
.rules_wrap .left h1 {
font-size: 36px;
margin: 0 0 40px;
font-weight: bold;
}
@media (max-width: 767px) {
.rules_wrap .left h1 {
font-size: 28px;
margin-bottom: 20px;
}
}
.rules_wrap .left h5 {
font-size: 18px;
font-weight: 400;
}
.rules_wrap .left ul {
padding: 0;
list-style: none;
}
.rules_wrap .left ul li {
margin: 0 0 15px 0;
font-size: 18px;
line-height: 25px;
}
@media (max-width: 767px) {
.rules_wrap .left ul li {
font-size: 16px;
margin-bottom: 5px;
}
}
#rules_doc {
width: 100%;
background: rgba(0, 0, 0, 0.7);
border-radius: 0;
text-align: left;
max-height: 650px;
overflow-y: scroll;
position: relative;
color: #fff;
border: none;
padding: 52px 90px;
max-width: 743px;
/* Scrollbar Styling */
}
@media (max-width: 1199px) {
#rules_doc {
padding: 40px 30px;
}
}
@media (max-width: 991px) {
#rules_doc {
border-radius: 0;
border-left: 1px solid rgba(201, 201, 201, 0.6);
}
}
@media (max-width: 767px) {
#rules_doc {
padding: 20px 15px;
}
}
#rules_doc::-webkit-scrollbar {
width: 10px;
}
#rules_doc::-webkit-scrollbar-track {
background-color: rgba(1, 181, 187, 0.1);
border-radius: 0 4px 4px 0;
overflow: hidden;
}
#rules_doc::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #afb2b3;
}
#rules_doc h1 {
font-size: 26px;
line-height: 1.2;
font-weight: 600;
color: #fff;
margin-bottom: 20px;
}
#rules_doc .steps {
margin-top: -8px;
padding-left: 20px;
margin-bottom: 60px;
}
#rules_doc h3 {
font-size: 24px;
line-height: 1.2;
font-weight: 600;
color: #fff;
margin: 0 0 10px;
}
@media (max-width: 767px) {
#rules_doc h3 {
font-size: 20px;
}
}
#rules_doc h5 {
font-size: 18px;
font-weight: bold;
color: #fff;
margin: 0 0 10px;
}
@media (max-width: 767px) {
#rules_doc h5 {
font-size: 16px;
}
}
#rules_doc h6 {
font-weight: bold;
font-size: 16px;
line-height: 22px;
margin-bottom: 14px;
color: #fff;
font-weight: 400;
text-decoration: underline;
}
#rules_doc a {
color: #fff;
}
#rules_doc .und_ul {
margin-bottom: 0px;
}
#rules_doc p {
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: #fff;
margin: 0 0 32px;
}
@media (max-width: 767px) {
#rules_doc p {
font-size: 14px;
margin: 0 0 18px 0;
}
}
#rules_doc p b {
color: #fff;
}
#rules_doc ul,
#rules_doc ol {
display: block;
margin-top: -28px;
margin-bottom: 45px;
}
@media (max-width: 767px) {
#rules_doc ul,
#rules_doc ol {
margin-top: -16px;
padding-left: 20px;
margin-bottom: 20px;
}
}
#rules_doc ul ul,
#rules_doc ul ol,
#rules_doc ol ul,
#rules_doc ol ol {
margin-top: 0;
margin-bottom: 0;
}
#rules_doc ul li,
#rules_doc ol li {
font-size: 16px;
line-height: 1.6;
margin: 0 0 3px;
color: #fff;
}
@media (max-width: 767px) {
#rules_doc ul li,
#rules_doc ol li {
font-size: 14px;
}
}
#rules_doc .btn, #rules_doc #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #rules_doc a,
#rules_doc #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #rules_doc button, #rules_doc #reg .reg_all_links button, #reg .reg_all_links #rules_doc button,
#rules_doc #reg .reg_all_links a,
#reg .reg_all_links #rules_doc a, #rules_doc #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #rules_doc a {
letter-spacing: 2.2px;
border-radius: 100px;
padding: 15px 60px;
margin: 0 auto;
}
@media (max-width: 479px) {
#rules_doc .btn, #rules_doc #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #rules_doc a,
#rules_doc #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #rules_doc button, #rules_doc #reg .reg_all_links button, #reg .reg_all_links #rules_doc button,
#rules_doc #reg .reg_all_links a,
#reg .reg_all_links #rules_doc a, #rules_doc #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #rules_doc a {
letter-spacing: 1.5px;
font-size: 14px;
padding: 12px;
}
}
.page-template-mmbrs-rules {
background: url(../img/bg/home_bg.jpg?v2) no-repeat 50% 50%;
background-size: cover;
min-height: 100vh;
}
.page-template-mmbrs-rules header .white {
display: initial;
}
.page-template-mmbrs-rules header .black {
display: none;
}
.page-template-mmbrs-rules .down_icon {
display: none;
}
.page-template-mmbrs-rules .whole_content_wrap.gray footer .with_love .txt_wrap,
.page-template-mmbrs-rules .whole_content_wrap.gray .inner_content_wrap {
background: #eee;
}
.page-template-mmbrs-rules #reg_anchor {
padding: 0;
width: 100%;
}
.page-template-mmbrs-rules #reg_anchor .row > div {
flex: 1 0 0;
max-width: 100%;
margin: 0;
width: 100%;
}
.page-template-mmbrs-rules .ifs_reg {
padding: 1px;
background: rgba(0, 0, 0, 0.7);
}
.page-template-mmbrs-rules .ifs_reg .form-control {
margin: 18px 0 0;
}
@media (max-width: 639px) {
.page-template-mmbrs-rules .ifs_reg .form-control {
margin: 5px 0 0;
}
}
.page-template-mmbrs-rules #pre_reg {
background: rgba(0, 0, 0, 0.9);
border-radius: 0;
position: relative;
}
.page-template-mmbrs-rules #pre_reg h3,
.page-template-mmbrs-rules #pre_reg p,
.page-template-mmbrs-rules #pre_reg .down_icon {
display: none;
}
.page-template-mmbrs-rules #pre_reg input[type=checkbox] {
margin: 0px -24px 0 0px;
}
.page-template-mmbrs-rules #pre_reg input[type=checkbox] + p.red_txt {
transition: max-height 0.4s ease;
overflow: hidden;
max-height: 0;
color: red;
}
.page-template-mmbrs-rules #pre_reg input[type=checkbox]:checked + p.red_txt {
max-height: 80px;
}
.page-template-mmbrs-rules #pre_reg input[type=checkbox]:after {
border: 1px solid #D50204;
}
.page-template-mmbrs-rules #pre_reg label {
line-height: 1.45em;
margin: 0 0 25px;
font-weight: 400;
font-size: 15px;
display: block;
}
.page-template-mmbrs-rules #pre_reg label:first-of-type {
display: none;
}
.page-template-mmbrs-rules #pre_reg label.rules {
line-height: 1.8em;
max-width: 530px;
margin: 19px auto 7px;
text-align: left;
padding: 1px 30px;
position: relative;
font-style: italic;
font-size: 14px;
}
.page-template-mmbrs-rules #pre_reg label.rules .field_ttl {
position: relative;
left: 31px;
display: inline-block;
padding: 0;
font-size: 14px;
color: #fff;
}
.page-template-mmbrs-rules #pre_reg label.rules .field_ttl a {
color: #D50204;
transition: all 0.2s;
}
.page-template-mmbrs-rules #pre_reg label.rules .field_ttl a:hover {
color: #fff;
}
@media (max-width: 639px) {
.page-template-mmbrs-rules #pre_reg label.rules .field_ttl {
text-align: left;
padding-left: 31px;
}
}
.page-template-mmbrs-rules #pre_reg label.rules input:before {
border-color: #D50204;
border-width: 1px;
left: -1px;
top: -1px;
}
.page-template-mmbrs-rules #pre_reg label.rules input:checked:before {
left: 4px;
top: 4px;
}
.page-template-mmbrs-rules #pre_reg .btn, .page-template-mmbrs-rules #pre_reg #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .page-template-mmbrs-rules #pre_reg a,
.page-template-mmbrs-rules #pre_reg #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .page-template-mmbrs-rules #pre_reg button, .page-template-mmbrs-rules #pre_reg #reg .reg_all_links button, #reg .reg_all_links .page-template-mmbrs-rules #pre_reg button,
.page-template-mmbrs-rules #pre_reg #reg .reg_all_links a,
#reg .reg_all_links .page-template-mmbrs-rules #pre_reg a, .page-template-mmbrs-rules #pre_reg #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 .page-template-mmbrs-rules #pre_reg a {
border-radius: 0px;
margin: 22px auto 32px;
font-size: 20px;
padding: 15px 50px;
display: block;
min-width: 313px;
background: #D50204;
}
@media (max-width: 767px) {
.page-template-mmbrs-rules #pre_reg .btn, .page-template-mmbrs-rules #pre_reg #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .page-template-mmbrs-rules #pre_reg a,
.page-template-mmbrs-rules #pre_reg #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .page-template-mmbrs-rules #pre_reg button, .page-template-mmbrs-rules #pre_reg #reg .reg_all_links button, #reg .reg_all_links .page-template-mmbrs-rules #pre_reg button,
.page-template-mmbrs-rules #pre_reg #reg .reg_all_links a,
#reg .reg_all_links .page-template-mmbrs-rules #pre_reg a, .page-template-mmbrs-rules #pre_reg #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 .page-template-mmbrs-rules #pre_reg a {
font-size: 18px;
}
}
@media (max-width: 639px) {
.page-template-mmbrs-rules #pre_reg .btn, .page-template-mmbrs-rules #pre_reg #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .page-template-mmbrs-rules #pre_reg a,
.page-template-mmbrs-rules #pre_reg #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .page-template-mmbrs-rules #pre_reg button, .page-template-mmbrs-rules #pre_reg #reg .reg_all_links button, #reg .reg_all_links .page-template-mmbrs-rules #pre_reg button,
.page-template-mmbrs-rules #pre_reg #reg .reg_all_links a,
#reg .reg_all_links .page-template-mmbrs-rules #pre_reg a, .page-template-mmbrs-rules #pre_reg #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 .page-template-mmbrs-rules #pre_reg a {
font-size: 16px;
padding: 12px 30px;
min-width: auto;
}
}
@media (max-width: 479px) {
.page-template-mmbrs-rules #pre_reg .btn, .page-template-mmbrs-rules #pre_reg #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .page-template-mmbrs-rules #pre_reg a,
.page-template-mmbrs-rules #pre_reg #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .page-template-mmbrs-rules #pre_reg button, .page-template-mmbrs-rules #pre_reg #reg .reg_all_links button, #reg .reg_all_links .page-template-mmbrs-rules #pre_reg button,
.page-template-mmbrs-rules #pre_reg #reg .reg_all_links a,
#reg .reg_all_links .page-template-mmbrs-rules #pre_reg a, .page-template-mmbrs-rules #pre_reg #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 .page-template-mmbrs-rules #pre_reg a {
font-size: 14px;
margin: 22px 15px 20px;
width: calc(100% - 30px);
}
}
.page-template-mmbrs-rules #pre_reg .btn.disabled, .page-template-mmbrs-rules #pre_reg #reg .media_wrap_cohort .media .right a.disabled, #reg .media_wrap_cohort .media .right .page-template-mmbrs-rules #pre_reg a.disabled,
.page-template-mmbrs-rules #pre_reg #reg .media_wrap_cohort .media .right button.disabled,
#reg .media_wrap_cohort .media .right .page-template-mmbrs-rules #pre_reg button.disabled, .page-template-mmbrs-rules #pre_reg #reg .reg_all_links button.disabled, #reg .reg_all_links .page-template-mmbrs-rules #pre_reg button.disabled,
.page-template-mmbrs-rules #pre_reg #reg .reg_all_links a.disabled,
#reg .reg_all_links .page-template-mmbrs-rules #pre_reg a.disabled, .page-template-mmbrs-rules #pre_reg #modal_module_completed .modal-body h2 a.disabled, #modal_module_completed .modal-body h2 .page-template-mmbrs-rules #pre_reg a.disabled {
pointer-events: none;
}
body .lessons.rtcc .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.ld-status-icon.ld-status-complete {
background: #B48C6B !important;
}
body .lessons.rtcc .learndash-wrapper .ld-is-current-item {
color: #B48C6B !important;
}
body .lessons.rtcc .ld-icon:before {
color: #B48C6B !important;
}
body .lessons.rtcc .duration svg {
fill: #B48C6B !important;
}
body .lessons.rtcc .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-item .ld-table-list-item-preview:hover {
color: #B48C6B !important;
}
body .lessons.rtcc .ld-status-icon.icon-video {
background: url("../../assets/img/icons/icon_video_bronze.svg") center/contain no-repeat !important;
}
body .lessons.rtcc .ld-status-icon.icon-pencil {
background: url("../../assets/img/icons/icon_pencil_bronze.svg") center/contain no-repeat !important;
}
body .lessons.rtcc .ld-status-icon.icon-doc-text {
background: url("../../assets/img/icons/icon_doc_bronze.svg") center/contain no-repeat !important;
}
body .lessons.rtcc .ld-status-icon.icon-help {
background: url("../../assets/img/icons/icon_question_bronze.svg") center/contain no-repeat !important;
}
body .lessons.rtcc .ld-status-icon.icon-library {
background: url("../../assets/img/icons/icon_library_bronze.svg") center/contain no-repeat !important;
}
body .lessons.rtcc .ld-status-icon.icon-users, body .lessons.rtcc .ld-status-icon.ld-status-incomplete {
background: url("../../assets/img/icons/icon_users_bronze.svg") center/24px no-repeat !important;
}
body .lessons.rtcc .learndash-wrapper #quiz_continue_link,
body .lessons.rtcc .learndash-wrapper .learndash_mark_complete_button,
body .lessons.rtcc .learndash-wrapper #learndash_mark_complete_button,
body .lessons.rtcc .learndash-wrapper .ld-alert-success .ld-button,
body .lessons.rtcc .learndash-wrapper .ld-button:hover:not(.learndash-link-previous-incomplete):not(.ld-button-transparent),
body .lessons.rtcc .learndash-wrapper .btn-join,
body .lessons.rtcc .learndash-wrapper #btn-join,
body .lessons.rtcc .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent),
body .lessons.rtcc .learndash-wrapper .ld-expand-button,
body .lessons.rtcc .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz),
body .lessons.rtcc .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2,
body .lessons.rtcc .learndash-wrapper .ld-focus-comments .form-submit #submit,
body .lessons.rtcc .learndash-wrapper .ld-login-modal input[type=submit] {
background-color: #B48C6B !important;
}
.lessons {
padding-top: 50px;
padding-bottom: 50px;
}
.lessons .sidebar_wrap .btn_collapse {
position: relative;
display: none;
margin: 0 auto 30px;
max-width: 300px;
padding: 10px 30px 10px 25px;
border-radius: 60px;
font-size: 14px;
}
@media (max-width: 991px) {
.lessons .sidebar_wrap .btn_collapse {
display: block;
}
}
.lessons .sidebar_wrap .btn_collapse.collapsed .show {
display: none;
}
.lessons .sidebar_wrap .btn_collapse.collapsed .hide {
display: initial;
}
.lessons .sidebar_wrap .btn_collapse.collapsed .icon {
transform: rotate(180deg);
}
.lessons .sidebar_wrap .btn_collapse .show {
display: initial;
}
.lessons .sidebar_wrap .btn_collapse .hide {
display: none;
}
.lessons .sidebar_wrap .btn_collapse .icon {
position: absolute;
right: 14px;
transition: all 0.3s;
transform: rotate(0deg);
font-size: 16px;
font-weight: 800;
animation: move 3s ease-out 3s infinite;
}
@keyframes move {
0% {
top: 10px;
}
25% {
top: 6px;
}
50% {
top: 10px;
}
75% {
top: 6px;
}
100% {
top: 10px;
}
}
.lessons .sidebar_wrap #lessonCollapseWrap {
display: block;
}
@media (max-width: 991px) {
.lessons .sidebar_wrap #lessonCollapseWrap {
display: none;
}
}
body .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo {
background-color: #f5f5f5;
}
body .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo a img {
max-width: 150px;
margin: 6px auto;
height: auto;
}
body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon {
border: 1px solid #ddd;
right: -6px;
margin: 0;
}
body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon:before {
position: relative;
top: 1px;
left: -1px;
}
body .learndash-wrapper .ld-item-list.ld-lesson-list {
margin-top: 0;
}
@media (max-width: 767px) {
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
flex-direction: initial !important;
}
}
body .learndash-wrapper .ld-item-list-items {
border-bottom: 1px solid #e2e7ed;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item {
border: initial;
border-bottom: 1px solid #fff;
margin: 0;
border-radius: unset;
line-height: initial;
}
body .learndash-wrapper .ld-item-list.ld-course-list .ld-section-heading,
body .learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading {
display: none;
}
body .learndash-wrapper .ld-lesson-list.ld-item-list .ld-item-list-item .ld-table-list .ld-table-list-items {
padding: 0;
}
body .learndash-wrapper .ld-is-current-item {
color: #D50204 !important;
font-weight: 600;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .learndash .learndash-wrapper .ld-item-list {
margin: 0;
}
body .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-item {
margin: 0;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button {
transform: scale(1.4);
transition: all 0.2s;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button:hover {
transform: scale(1.6);
}
body .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-text {
display: none;
padding: 0 0 0 5px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-sep {
margin: 1px;
width: 0;
font-size: 0;
display: none;
}
body .learndash-wrapper .ld-table-list .ld-table-list-header .ld-table-list-title .ld-text,
body .learndash-wrapper .ld-table-list .ld-table-list-item-preview .ld-table-list-title .ld-text {
font-size: 14px;
}
body .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-item .ld-table-list-item-preview {
align-items: center;
align-content: center;
font-size: 14px;
line-height: 16px;
padding: 8px 65px 8px 0;
position: relative;
border-left: 1px solid #e2e7ed;
border-right: 1px solid #e2e7ed;
}
body .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-item .ld-table-list-item-preview:hover {
color: #D50204 !important;
}
body .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-item .ld-table-list-item-preview .duration {
position: absolute;
right: 4px;
top: 50%;
transform: translate(0, -50%);
width: 67px;
font-family: "Courier", serif;
font-size: 13px;
letter-spacing: -2px;
display: block !important;
text-align: right;
padding-right: 26px;
}
body .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-item .ld-table-list-item-preview .duration svg {
position: absolute;
top: 2px;
right: 0;
fill: #D50204;
}
body .learndash-wrapper .ld-item-title > .duration {
position: relative;
top: 3px;
font-size: 14px;
margin-left: 10px;
font-weight: 400;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-item-component + .ld-status {
position: absolute;
top: 8px;
right: 40px;
font-size: 9px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-item-component + .ld-status.ld-status-waiting {
display: none !important;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item.is_sample .ld-item-title .ld-item-component + .ld-status {
display: none !important;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item.is_sample .free_lbl {
font-size: 12px;
}
body .learndash-wrapper .ld-breadcrumbs {
display: none;
}
body .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments {
letter-spacing: 0.5px;
}
body .learndash-wrapper .ld-breadcrumbs .ld-status {
margin-bottom: 0;
}
body .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
padding: 80px 60px;
}
body .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
font-size: 24px;
}
body .learndash-wrapper .wpProQuiz_question_text p {
font-size: 16px;
line-height: 24px;
}
body .learndash-wrapper .wpProQuiz_question_text p img {
display: block;
float: left;
margin: 0 12px 12px 0;
}
body .learndash-wrapper .wpProQuiz_content .wpProQuiz_button,
body .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2,
body .learndash-wrapper .wpProQuiz_content a#quiz_continue_link,
body .learndash-wrapper .ld-quiz-actions input[name=reShowQuestion],
body .learndash-wrapper .ld-quiz-actions input[name=restartQuiz] {
background: #9f1ace;
font-size: 16px;
min-width: 200px;
}
@media (max-width: 767px) {
body .learndash-wrapper .wpProQuiz_content .wpProQuiz_button,
body .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2,
body .learndash-wrapper .wpProQuiz_content a#quiz_continue_link,
body .learndash-wrapper .ld-quiz-actions input[name=reShowQuestion],
body .learndash-wrapper .ld-quiz-actions input[name=restartQuiz] {
padding: 10px !important;
}
}
body .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:hover,
body .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover,
body .learndash-wrapper .wpProQuiz_content a#quiz_continue_link:hover,
body .learndash-wrapper .ld-quiz-actions input[name=reShowQuestion]:hover,
body .learndash-wrapper .ld-quiz-actions input[name=restartQuiz]:hover {
background: #b628ea;
}
body .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label {
border: 2px solid #e2e7ed !important;
font-family: "Inter", serif;
}
body .learndash-wrapper .wpProQuiz_content ul.wpProQuiz_questionList input.wpProQuiz_questionInput {
accent-color: #D50204;
width: 20px;
height: 20px;
}
body .learndash-wrapper .wpProQuiz_content ul.wpProQuiz_questionList input.wpProQuiz_questionInput:before {
display: none;
}
body .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem textarea.wpProQuiz_questionEssay {
min-height: 100px;
}
body .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem textarea.wpProQuiz_questionEssay:focus {
box-shadow: 0 0 8px #00a2e8;
border: 2px solid transparent !important;
}
body .learndash-wrapper .ld-video {
margin-bottom: 20px !important;
}
body .learndash-wrapper .df-ui-btn.df-ui-share.ti-sharethis {
display: none;
}
body .learndash-wrapper .ld-content-actions > a {
display: none;
}
body .learndash-wrapper .ld-content-actions .ld-content-action .sfwd-mark-complete,
body .learndash-wrapper .ld-content-actions .ld-content-action a {
margin: 0 0 5px;
}
body .learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back {
display: none !important;
align-items: center;
border: 0;
border-radius: 20px;
box-shadow: none;
color: #fff !important;
cursor: pointer;
display: flex;
font-family: inherit;
font-size: 0.75em;
font-weight: 800;
height: auto;
justify-content: center;
line-height: 1.25em;
margin: 0;
max-width: 385px;
opacity: 1;
padding: 1em;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
width: 100%;
background-color: #9f19ce;
transition: all 0.2s;
}
body .learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back:hover {
background: #b628ea;
}
body .learndash-wrapper #sfwd-mark-complete:after,
body .learndash-wrapper .sfwd-mark-complete:after {
right: 22px;
}
body .learndash-wrapper .ld-tabs-content .queeze_wr iframe {
min-height: 700px;
height: 100%;
}
body .learndash-wrapper .ld-tabs-content .iframe_wr {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
border: none;
}
body .learndash-wrapper .ld-tabs-content .iframe_wr iframe,
body .learndash-wrapper .ld-tabs-content .iframe_wr object,
body .learndash-wrapper .ld-tabs-content .iframe_wr embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
body .learndash-wrapper .ld-tabs-content h1, body .learndash-wrapper .ld-tabs-content h2, body .learndash-wrapper .ld-tabs-content h3, body .learndash-wrapper .ld-tabs-content h4, body .learndash-wrapper .ld-tabs-content h5, body .learndash-wrapper .ld-tabs-content h6 {
margin-bottom: 1rem;
}
body .learndash-wrapper .ld-tabs-content h1 {
font-size: 28px;
}
body .learndash-wrapper .ld-tabs-content h2 {
font-size: 26px;
}
body .learndash-wrapper .ld-tabs-content h3 {
font-size: 24px;
}
body .learndash-wrapper .ld-tabs-content h4 {
font-size: 22px;
}
body .learndash-wrapper .ld-tabs-content h5 {
font-size: 20px;
}
body .learndash-wrapper .ld-tabs-content h6 {
font-size: 18px;
}
body .learndash-wrapper .ld-tabs-content p,
body .learndash-wrapper .ld-tabs-content ul,
body .learndash-wrapper .ld-tabs-content ol {
font-size: 16px;
line-height: 24px;
font-family: "Inter";
}
body .learndash-wrapper .ld-tabs-content p a,
body .learndash-wrapper .ld-tabs-content ul a,
body .learndash-wrapper .ld-tabs-content ol a {
color: #D50204;
}
.ld-item-list-item.is_sample .ld-item-list-item-preview {
cursor: inherit !important;
}
.q_item.wrong {
background-color: rgba(255, 0, 0, 0.15);
}
.q_item.correct {
background-color: rgba(0, 128, 0, 0.15);
}
.q_item .card {
background-color: transparent;
}
.q_item .card .card-header {
background-color: transparent;
}
.q_item .card .card-header h5 {
padding: 24px 15px;
}
.q_item .card .card-body {
padding: 15px;
}
.q_item .ttl {
font-size: 18px;
line-height: 1.5;
font-weight: 700;
color: #9f19ce;
}
.q_item .txt {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
}
.q_item .user_answers_wr {
list-style: none !important;
padding-left: 0;
}
.q_item .user_answers_wr li {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
}
.q_item .user_answers_wr li label input[type=checkbox]::after,
.q_item .user_answers_wr li label input[type=radio]::after {
height: 22px;
width: 22px;
left: 1px;
top: 1px;
}
.q_item .sub_ttl {
padding-top: 20px;
border-top: 1px solid #cecece;
font-size: 16px;
line-height: 1;
font-weight: 600;
}
.q_item .coach_comments_wr {
padding-left: 15px;
list-style: none;
}
.q_item .coach_comments_wr li {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
position: relative;
padding-left: 140px;
}
.q_item .coach_comments_wr li .meta_wr {
position: absolute;
left: 0;
top: 0;
width: 135px;
}
.q_item .coach_comments_wr li .meta_wr .author {
font-size: 16px;
line-height: 1;
font-weight: 600;
}
.q_item .coach_comments_wr li .meta_wr .date {
font-size: 14px;
}
.q_item .coach_comments_wr li:nth-last-child(n+2) {
margin-bottom: 40px;
}
.q_item .coach_comment_form {
padding: 15px;
border: 1px solid #cecece;
margin-bottom: 20px;
}
.q_item .coach_comment_form .row {
margin-bottom: 20px;
}
.q_item .coach_comment_form .row label {
line-height: 24px;
cursor: pointer;
}
.q_item .coach_comment_form .row label input[type=checkbox],
.q_item .coach_comment_form .row label input[type=radio] {
margin-bottom: 0;
}
.q_item .coach_comment_form .row label input[type=checkbox]::after,
.q_item .coach_comment_form .row label input[type=radio]::after {
border: 1px solid #cecece;
border-radius: 3px;
}
.q_item .coach_comment_form textarea {
font-size: 14px;
line-height: 1.4;
font-weight: 400;
padding: 15px 20px;
height: 75px;
border-color: #cecece;
margin-bottom: 20px;
}
.q_item .coach_comment_form .button {
font-size: 14px;
line-height: 1.4;
font-weight: 600;
background: #9f19ce !important;
color: #fff;
padding: 3px 32px;
max-width: 140px;
width: 100%;
margin: 0 auto;
border-radius: 0;
border: none;
text-transform: uppercase;
transition: all ease 0.3s;
cursor: pointer;
}
.q_item .coach_comment_form .button:hover {
opacity: 0.6;
}
.duration_cohort_wr .duration,
.duration_cohort_wr .cohort_date {
font-size: 12px;
padding-right: 10px;
border-right: 1px solid #828282;
margin-right: 10px;
height: 15px;
}
.duration_cohort_wr .duration svg,
.duration_cohort_wr .cohort_date svg {
fill: #D50204;
margin-left: 0 !important;
}
body .learndash-wrapper .ld-topic-status {
display: none !important;
}
body .learndash-wrapper .ld-topic-status,
body .learndash-wrapper .learndash_mark_complete_button,
body .learndash-wrapper .ld-button {
border-radius: 0;
}
body .learndash-wrapper .ld-tabs {
margin-top: 0 !important;
}
body .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-item .ld-status {
display: none !important;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-item-name,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-name {
position: relative;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-item-name svg,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-name svg {
margin-left: 5px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-item-name svg.progress_ring,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-name svg.progress_ring {
width: 40px;
height: 40px;
margin-left: unset;
position: absolute;
left: 3px;
top: -2px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-item-name svg.progress_ring .progress,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-name svg.progress_ring .progress {
stroke: #D50204;
transform: rotate(-90deg);
transform-origin: 20px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon {
flex: 0 0 26px;
height: 26px;
font-size: 10px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon:not(.custom_icon):not(.ld-status-incomplete):not(.ld-quiz-complete),
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon:not(.custom_icon):not(.ld-status-incomplete):not(.ld-quiz-complete) {
background-color: #D50204;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.custom_icon,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.custom_icon {
flex: 0 0 36px;
height: 36px;
margin: 0 5px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.custom_icon:before,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.custom_icon:before {
display: none;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.custom_icon.icon-video,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.custom_icon.icon-video {
background: url("../../assets/img/icons/icon_video.svg") center/contain no-repeat;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.custom_icon.icon-pencil,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.custom_icon.icon-pencil {
background: url("../../assets/img/icons/icon_pencil.svg") center/contain no-repeat;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.custom_icon.icon-doc-text,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.custom_icon.icon-doc-text {
background: url("../../assets/img/icons/icon_doc.svg") center/contain no-repeat;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.custom_icon.icon-help,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.custom_icon.icon-help {
background: url("../../assets/img/icons/icon_question.svg") center/contain no-repeat;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.custom_icon.icon-library,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.custom_icon.icon-library {
background: url("../../assets/img/icons/icon_library.svg") center/contain no-repeat;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.custom_icon.icon-users,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.custom_icon.icon-users {
background: url("../../assets/img/icons/icon_users.svg") center/24px no-repeat;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.custom_icon.ld-status-incomplete, body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.custom_icon.ld-status-complete,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.custom_icon.ld-status-incomplete,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.custom_icon.ld-status-complete {
flex: 0 0 26px;
height: 26px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.ld-status-icon.ld-status-complete,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.ld-status-icon.ld-status-complete {
background-color: #D50204 !important;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.ld-status-incomplete, body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.ld-quiz-complete, body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.ld-status-complete,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.ld-status-incomplete,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.ld-quiz-complete,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.ld-status-complete {
margin: 5px 10px;
background-color: #D50204;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.ld-status-incomplete,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.ld-status-incomplete {
background: url("../../assets/img/icons/icon_users.svg") center/24px no-repeat;
border: unset;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-table-list .ld-status-icon.ld-quiz-complete,
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon.ld-quiz-complete {
border: unset;
background-color: transparent;
}
body .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-header {
justify-content: flex-start;
}
body .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-header .ld-table-list-title {
flex: 0 0 auto;
}
body .learndash-wrapper .ld-item-list.ld-lesson-list .ld-expanded .ld-item-list-item-expanded {
max-height: unset;
}
@media (max-width: 991px) {
body .learndash-wrapper .ld-item-list.ld-lesson-list .ld-expanded .ld-expand-button {
right: 5px;
}
}
body .learndash-wrapper .ld-item-list.ld-lesson-list .ld-expanded .ld-expand-button:not(.ld-expanded) {
transform: rotate(180deg) scale(1.4);
}
body .learndash-wrapper .ld-item-list .ld-lesson-list-steps {
font-size: 11px;
}
body .availability_wr {
border: 1px solid #cecece;
background: #ececec;
padding: 20px 20px 20px 80px;
border-radius: 10px;
}
body .availability_wr .btn, body .availability_wr #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right body .availability_wr a,
body .availability_wr #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right body .availability_wr button, body .availability_wr #reg .reg_all_links button, #reg .reg_all_links body .availability_wr button,
body .availability_wr #reg .reg_all_links a,
#reg .reg_all_links body .availability_wr a, body .availability_wr #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 body .availability_wr a {
background: #9f19ce;
border-radius: 20px;
margin-left: auto;
font-weight: 800;
font-size: 0.75em;
text-align: center;
text-decoration: none;
cursor: pointer;
opacity: 1;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px 25px;
line-height: 1.25em;
transition: all 0.2s;
}
body .availability_wr .btn > .ld-icon, body .availability_wr #reg .media_wrap_cohort .media .right a > .ld-icon, #reg .media_wrap_cohort .media .right body .availability_wr a > .ld-icon,
body .availability_wr #reg .media_wrap_cohort .media .right button > .ld-icon,
#reg .media_wrap_cohort .media .right body .availability_wr button > .ld-icon, body .availability_wr #reg .reg_all_links button > .ld-icon, #reg .reg_all_links body .availability_wr button > .ld-icon,
body .availability_wr #reg .reg_all_links a > .ld-icon,
#reg .reg_all_links body .availability_wr a > .ld-icon, body .availability_wr #modal_module_completed .modal-body h2 a > .ld-icon, #modal_module_completed .modal-body h2 body .availability_wr a > .ld-icon {
position: relative;
right: 0;
margin-right: 10px;
transition: all 0.2s;
}
body .availability_wr .btn:hover, body .availability_wr #reg .media_wrap_cohort .media .right a:hover, #reg .media_wrap_cohort .media .right body .availability_wr a:hover,
body .availability_wr #reg .media_wrap_cohort .media .right button:hover,
#reg .media_wrap_cohort .media .right body .availability_wr button:hover, body .availability_wr #reg .reg_all_links button:hover, #reg .reg_all_links body .availability_wr button:hover,
body .availability_wr #reg .reg_all_links a:hover,
#reg .reg_all_links body .availability_wr a:hover, body .availability_wr #modal_module_completed .modal-body h2 a:hover, #modal_module_completed .modal-body h2 body .availability_wr a:hover {
background: #ae1fe2;
}
body .availability_wr .btn:hover > .ld-icon, body .availability_wr #reg .media_wrap_cohort .media .right a:hover > .ld-icon, #reg .media_wrap_cohort .media .right body .availability_wr a:hover > .ld-icon,
body .availability_wr #reg .media_wrap_cohort .media .right button:hover > .ld-icon,
#reg .media_wrap_cohort .media .right body .availability_wr button:hover > .ld-icon, body .availability_wr #reg .reg_all_links button:hover > .ld-icon, #reg .reg_all_links body .availability_wr button:hover > .ld-icon,
body .availability_wr #reg .reg_all_links a:hover > .ld-icon,
#reg .reg_all_links body .availability_wr a:hover > .ld-icon, body .availability_wr #modal_module_completed .modal-body h2 a:hover > .ld-icon, #modal_module_completed .modal-body h2 body .availability_wr a:hover > .ld-icon {
right: 6px;
}
body .availability_wr > .ld-icon {
width: 40px;
height: 40px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
background: #cecece;
left: 20px;
top: 50%;
transform: translate(0, -50%);
}
body .ld-lesson-progression .ld-item-list-item:first-child .ld-item-title b {
color: #ae1fe2;
}
body .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-header {
padding: 19px 14px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
padding: 11px 6px 11px 0;
background: #f5f5f5;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-title {
font-size: 16px;
line-height: 1.4;
font-weight: 600;
color: #000;
font-family: "Poppins", serif;
margin-left: 6px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-title .ld-item-components {
font-size: 14px;
line-height: 1.4;
font-weight: 400;
color: #828282;
font-family: "Inter", serif;
margin-top: 5px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-title .ld-item-components .free_lbl {
font-size: 12px;
line-height: 1.4;
font-weight: 400;
color: #fff;
padding: 0 6px;
border-radius: 4px;
background: #D50204;
margin-right: 10px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details {
margin-right: 6px;
margin-left: 6px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details .ld-expand-button {
margin-left: 0;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details .ld-expand-button .ld-icon {
font-size: 6px;
background: #fff !important;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details .ld-expand-button .ld-icon:before {
color: #D50204;
}
body .learndash-wrapper .ld-primary-background {
background-color: #D50204 !important;
}
body .lesson_bnr_wr {
margin-top: 30px;
padding-bottom: 50px;
padding-top: 40px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
body .lesson_bnr_wr > picture.cover_image img {
object-position: center bottom;
}
@media (min-width: 992px) {
body .lesson_bnr_wr {
padding-bottom: 87px;
}
}
body .lesson_bnr_wr .lesson_bnr_info {
font-family: "Inter", serif;
width: 100%;
max-width: 405px;
color: #fff;
padding-left: 15px;
padding-right: 15px;
}
body .lesson_bnr_wr .lesson_bnr_info .bnr_top_ttl {
font-size: 16px;
line-height: 1;
font-weight: 500;
margin-bottom: 25px;
position: relative;
display: inline-block;
padding: 0 20px;
}
body .lesson_bnr_wr .lesson_bnr_info .bnr_top_ttl:after, body .lesson_bnr_wr .lesson_bnr_info .bnr_top_ttl:before {
content: "";
position: absolute;
display: block;
top: 50%;
transform: translate(0, -50%);
width: 6px;
height: 6px;
border-radius: 100%;
background: #fff;
}
body .lesson_bnr_wr .lesson_bnr_info .bnr_top_ttl:after {
right: 0;
}
body .lesson_bnr_wr .lesson_bnr_info .bnr_top_ttl:before {
left: 0;
}
@media (min-width: 992px) {
body .lesson_bnr_wr .lesson_bnr_info .bnr_top_ttl {
font-size: 20px;
}
}
body .lesson_bnr_wr .lesson_bnr_info .bnr_sale_ttl {
font-size: 35px;
line-height: 1.4;
font-weight: 700;
color: #D50204;
}
@media (min-width: 992px) {
body .lesson_bnr_wr .lesson_bnr_info .bnr_sale_ttl {
font-size: 50px;
}
}
body .lesson_bnr_wr .lesson_bnr_info .bnr_sub_ttl,
body .lesson_bnr_wr .lesson_bnr_info .bnr_sale_descr {
font-size: 16px;
line-height: 1.4;
font-weight: 600;
margin-bottom: 20px;
}
@media (min-width: 992px) {
body .lesson_bnr_wr .lesson_bnr_info .bnr_sub_ttl,
body .lesson_bnr_wr .lesson_bnr_info .bnr_sale_descr {
font-size: 20px;
margin-bottom: 32px;
}
}
body .lesson_bnr_wr .lesson_bnr_info .bnr_sub_ttl span,
body .lesson_bnr_wr .lesson_bnr_info .bnr_sale_descr span {
color: #D50204;
}
body .lesson_bnr_wr .lesson_bnr_info .bnr_descr {
font-size: 15px;
line-height: 1.7;
font-weight: 500;
margin-bottom: 20px;
padding-left: 15px;
}
@media (min-width: 992px) {
body .lesson_bnr_wr .lesson_bnr_info .bnr_descr {
font-size: 18px;
margin-bottom: 35px;
}
}
body .lesson_bnr_wr .lesson_bnr_info .btn.purple_btn, body .lesson_bnr_wr .lesson_bnr_info #reg .media_wrap_cohort .media .right a.purple_btn, #reg .media_wrap_cohort .media .right body .lesson_bnr_wr .lesson_bnr_info a.purple_btn,
body .lesson_bnr_wr .lesson_bnr_info #reg .media_wrap_cohort .media .right button.purple_btn,
#reg .media_wrap_cohort .media .right body .lesson_bnr_wr .lesson_bnr_info button.purple_btn, body .lesson_bnr_wr .lesson_bnr_info #reg .reg_all_links button.purple_btn, #reg .reg_all_links body .lesson_bnr_wr .lesson_bnr_info button.purple_btn,
body .lesson_bnr_wr .lesson_bnr_info #reg .reg_all_links a.purple_btn,
#reg .reg_all_links body .lesson_bnr_wr .lesson_bnr_info a.purple_btn, body .lesson_bnr_wr .lesson_bnr_info #modal_module_completed .modal-body h2 a.purple_btn, #modal_module_completed .modal-body h2 body .lesson_bnr_wr .lesson_bnr_info a.purple_btn {
font-size: 16px;
line-height: 1;
font-weight: 600;
color: #D50204;
font-family: "Poppins", serif;
background: #fff;
border-radius: 2px;
width: 255px;
height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all ease 0.3s;
}
body .lesson_bnr_wr .lesson_bnr_info .btn.purple_btn:hover, body .lesson_bnr_wr .lesson_bnr_info #reg .media_wrap_cohort .media .right a.purple_btn:hover, #reg .media_wrap_cohort .media .right body .lesson_bnr_wr .lesson_bnr_info a.purple_btn:hover,
body .lesson_bnr_wr .lesson_bnr_info #reg .media_wrap_cohort .media .right button.purple_btn:hover,
#reg .media_wrap_cohort .media .right body .lesson_bnr_wr .lesson_bnr_info button.purple_btn:hover, body .lesson_bnr_wr .lesson_bnr_info #reg .reg_all_links button.purple_btn:hover, #reg .reg_all_links body .lesson_bnr_wr .lesson_bnr_info button.purple_btn:hover,
body .lesson_bnr_wr .lesson_bnr_info #reg .reg_all_links a.purple_btn:hover,
#reg .reg_all_links body .lesson_bnr_wr .lesson_bnr_info a.purple_btn:hover, body .lesson_bnr_wr .lesson_bnr_info #modal_module_completed .modal-body h2 a.purple_btn:hover, #modal_module_completed .modal-body h2 body .lesson_bnr_wr .lesson_bnr_info a.purple_btn:hover {
background: #D50204;
color: #fff;
text-decoration: none;
}
.module_bnr_wr {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 15px;
border-radius: 5px;
margin-top: 15px;
overflow: hidden;
}
@media (min-width: 768px) {
.module_bnr_wr {
padding: 0 38px;
height: 64px;
}
}
.module_bnr_wr .ttl {
font-size: 21px;
line-height: 1.4;
font-weight: 600;
color: #fff;
margin-bottom: 10px;
}
.module_bnr_wr .ttl span {
color: #C66AFF;
}
@media (min-width: 768px) {
.module_bnr_wr .ttl {
margin-bottom: 0;
}
}
.module_bnr_wr .btn, .module_bnr_wr #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .module_bnr_wr a,
.module_bnr_wr #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .module_bnr_wr button, .module_bnr_wr #reg .reg_all_links button, #reg .reg_all_links .module_bnr_wr button,
.module_bnr_wr #reg .reg_all_links a,
#reg .reg_all_links .module_bnr_wr a, .module_bnr_wr #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 .module_bnr_wr a {
font-size: 14px;
line-height: 1;
font-weight: 600;
color: #D50204;
font-family: "Poppins", serif;
background: #fff;
padding: 6px 19px;
justify-content: center;
align-items: center;
border-radius: 2px;
transition: all ease 0.3s;
}
.module_bnr_wr .btn:hover, .module_bnr_wr #reg .media_wrap_cohort .media .right a:hover, #reg .media_wrap_cohort .media .right .module_bnr_wr a:hover,
.module_bnr_wr #reg .media_wrap_cohort .media .right button:hover,
#reg .media_wrap_cohort .media .right .module_bnr_wr button:hover, .module_bnr_wr #reg .reg_all_links button:hover, #reg .reg_all_links .module_bnr_wr button:hover,
.module_bnr_wr #reg .reg_all_links a:hover,
#reg .reg_all_links .module_bnr_wr a:hover, .module_bnr_wr #modal_module_completed .modal-body h2 a:hover, #modal_module_completed .modal-body h2 .module_bnr_wr a:hover {
background: #D50204;
color: #fff;
}
body .learndash-wrapper #quiz_continue_link,
body .learndash-wrapper .learndash_mark_complete_button,
body .learndash-wrapper #learndash_mark_complete_button,
body .learndash-wrapper .ld-alert-success .ld-button,
body .learndash-wrapper .ld-button:hover:not(.learndash-link-previous-incomplete):not(.ld-button-transparent),
body .learndash-wrapper .btn-join,
body .learndash-wrapper #btn-join,
body .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent),
body .learndash-wrapper .ld-expand-button,
body .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz),
body .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2,
body .learndash-wrapper .ld-focus-comments .form-submit #submit,
body .learndash-wrapper .ld-login-modal input[type=submit] {
background-color: #D50204 !important;
}
/*Added by Oleksii on 15.05.2024 as a custom fix for child quizes with mark complete button. The problem is that the parent element is not considered to be as previous and completed.*/
.ld-alert:not(.ld-alert-warning) {
display: none !important;
}
body.ld_completed .typeform_embeded p {
display: none;
}
body.ld_completed .typeform_embeded p.ty_message {
display: block !important;
}
body .typeform_embeded:not(.show_complete_btn) .learndash_mark_complete_button {
opacity: 0 !important;
pointer-events: none;
}
body .typeform_embeded .ld-tabs-content iframe {
min-height: 700px;
height: 100%;
}
body .typeform_embeded .ld-tabs-content .ty_message {
margin-top: 20px;
}
.postid-38633 .wrap_all_res .ld-content-action:last-child,
.postid-37384 .wrap_all_res .ld-content-action:last-child {
visibility: hidden;
}
.graduation_info_wr {
padding-bottom: 5px;
position: relative;
bottom: 0;
}
.graduation_info_wr .progress_circle {
position: relative;
width: 20vw;
height: 20vw;
display: flex;
align-items: center;
justify-content: center;
transition: all ease 0.3s;
}
.graduation_info_wr .progress_circle:hover {
opacity: 0.6;
}
.graduation_info_wr .progress_circle.initialized {
pointer-events: none;
}
@media (min-width: 576px) {
.graduation_info_wr .progress_circle {
width: 120px;
height: 120px;
}
}
.graduation_info_wr .progress_circle span {
line-height: 1.2;
text-align: center;
font-size: 9px;
text-transform: capitalize;
}
@media (min-width: 400px) {
.graduation_info_wr .progress_circle span {
font-size: 12px;
}
}
.graduation_info_wr .progress_circle .progress_ring {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.graduation_info_wr .progress_circle .progress_ring .progress_bg {
stroke: #D50204;
transform: rotate(-90deg);
transform-origin: 60px;
}
.graduation_info_wr .card-header a {
margin-right: 0;
}
.graduation_info_wr .card-header .small {
position: absolute;
right: 0;
top: 40px;
font-size: 10px;
}
.graduation_info_wr .total_progress_wr {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-right: 10px;
margin-bottom: 20px;
}
.graduation_info_wr .total_progress_wr h5 {
padding: 0;
}
.graduation_info_wr .total_progress_wr .total_progress {
height: 5px;
background: #ececec;
flex: 0 0 calc(100% - 190px);
}
@media (min-width: 576px) {
.graduation_info_wr .total_progress_wr .total_progress {
flex: 0 0 calc(100% - 300px);
}
}
.graduation_info_wr .total_progress_wr .total_progress span {
display: block;
height: 5px;
z-index: 1;
position: relative;
background: #D50204;
font-weight: 500;
}
.graduation_info_wr .total_progress_wr .result_wr.loading {
height: 50px;
margin-top: 20px;
}
.graduation_info_wr .total_progress_wr .result_wr .btn_collapse {
display: none;
}
.graduation_info_wr .card-body {
padding: 30px 0 0;
}
.graduation_info_wr .column_progress_wr {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 14px 0;
}
.graduation_info_wr .column_progress_wr .ttl {
font-weight: 500;
flex: 0 0 175px;
}
.graduation_info_wr .column_progress_wr .progress_percentage {
font-size: 12px;
flex: 0 0 100px;
text-align: right;
}
.graduation_info_wr .column_progress_wr .total_progress {
height: 8px;
background: #ececec;
flex: 0 0 calc(100% - 280px);
border-radius: 4px;
}
.graduation_info_wr .column_progress_wr .total_progress span {
display: block;
height: 8px;
z-index: 1;
position: relative;
background: #D50204;
border-radius: 4px;
}
#home {
padding: 34px 0 84px;
}
@media (max-width: 479px) {
#home {
padding: 0;
}
}
#home .container > .name {
margin-top: 50px;
margin-bottom: -15px;
font-family: "Poppins", serif;
font-size: 24px;
}
@media (max-width: 639px) {
#home .container > .name {
margin-bottom: 0;
font-size: 18px;
}
}
#home .reg_btn {
background: #D50204;
padding: 13px 30px;
border-radius: 60px;
max-width: 385px;
position: relative;
overflow: hidden;
height: 50px;
cursor: pointer;
}
@media (max-width: 639px) {
#home .reg_btn {
display: block;
max-width: 320px;
margin: 0 auto;
}
}
@media (max-width: 479px) {
#home .reg_btn {
max-width: 220px;
}
}
#home .reg_btn:hover .content {
left: -220px;
}
@media (max-width: 639px) {
#home .reg_btn:hover .content {
left: -180px;
}
}
#home .reg_btn .content {
position: absolute;
top: 0;
left: 0;
height: 100%;
display: flex;
width: 650px;
transition: all 0.5s;
}
@media (max-width: 639px) {
#home .reg_btn .content {
width: 500px;
}
}
@media (max-width: 479px) {
#home .reg_btn .content {
width: 405px;
}
}
#home .reg_btn p {
position: relative;
margin-bottom: 0;
color: #fff;
font-size: 16px;
width: 100%;
max-width: 385px;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
@media (max-width: 639px) {
#home .reg_btn p {
font-size: 14px;
flex-wrap: wrap;
max-width: 320px;
}
}
@media (max-width: 479px) {
#home .reg_btn p {
max-width: 221px;
padding: 0 15px 0 10px;
}
}
#home .reg_btn p i {
font-size: 20px;
position: relative;
top: 1px;
left: 10px;
}
@media (max-width: 479px) {
#home .reg_btn p i {
position: absolute;
left: initial;
right: -2px;
top: 15px;
}
}
#home .reg_btn .btn_wrap {
width: 220px;
background: #fff;
transition: all 0.5s;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
border-radius: 60px;
overflow: hidden;
border: 1px solid #fff;
}
#home .reg_btn .btn_wrap:hover a:before {
display: none !important;
}
#home .reg_btn .btn_wrap a:first-child:before {
display: block;
position: absolute;
content: "";
top: 20%;
height: 60%;
width: 1px;
right: 0;
border-right: 1px solid #ddd;
}
#home .reg_btn .btn_wrap a,
#home .reg_btn .btn_wrap button {
padding: 10px 10px;
width: 50%;
height: 100%;
position: relative;
text-align: center;
color: #D50204;
font-size: 14px;
transition: all 0.3s;
border: none;
outline: none;
cursor: pointer;
}
#home .reg_btn .btn_wrap a:hover,
#home .reg_btn .btn_wrap button:hover {
background: #D50204;
text-decoration: none;
color: #fff;
}
#home .banner.pu {
background: unset;
min-height: 390px;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
}
#home .banner.pu picture img {
width: 100%;
}
@media (max-width: 991px) {
#home .banner.pu {
padding: 40px 20px;
min-height: 312px;
}
}
@media (max-width: 767px) {
#home .banner.pu {
text-align: center;
color: #fff;
}
}
#home .banner.pu h2 {
font-size: 36px;
line-height: 46px;
font-weight: 700;
color: #fff;
margin-bottom: 10px;
}
@media (max-width: 991px) {
#home .banner.pu h2 {
font-size: 30px;
line-height: 36px;
}
}
@media (max-width: 767px) {
#home .banner.pu h2 {
color: #fff;
}
}
#home .banner.pu h4 {
font-size: 16px;
color: #fff;
font-weight: 400;
margin-bottom: 25px;
}
@media (max-width: 991px) {
#home .banner.pu h4 {
font-size: 14px;
}
}
@media (max-width: 767px) {
#home .banner.pu h4 {
color: #fff;
}
}
#home .banner.pu .bronze_logo {
display: block;
width: 100px;
margin-bottom: 30px;
}
#home .banner.pu .bronze_logo img {
display: block;
max-width: 100%;
width: 100%;
margin-bottom: 0;
}
#home .banner.pu .btn, #home .banner.pu #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #home .banner.pu a,
#home .banner.pu #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #home .banner.pu button, #home .banner.pu #reg .reg_all_links button, #reg .reg_all_links #home .banner.pu button,
#home .banner.pu #reg .reg_all_links a,
#reg .reg_all_links #home .banner.pu a, #home .banner.pu #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #home .banner.pu a {
padding: 10px 30px;
font-size: 14px;
}
#home .banner.pu .btm_wrap {
display: flex;
align-items: center;
align-content: center;
}
@media (max-width: 767px) {
#home .banner.pu .btm_wrap {
width: 100%;
max-width: 400px;
justify-content: center;
}
}
#home .banner.pu .btm_wrap .date {
max-width: 90px;
width: 100%;
}
#home .banner.pu .btm_wrap .date img {
display: block;
width: 100%;
margin-bottom: 0;
margin-left: 25px;
}
#home .banner.reg {
min-height: 312px;
background: url("../img/pages/mmbrs/home/bg_reg.jpg") no-repeat center center;
background-size: cover;
}
#home .banner.reg.renewal {
background: url("../img/pages/mmbrs/home/bg_renewal.jpg") no-repeat center center;
background-size: cover;
}
#home .banner.reg.renewal .headphones {
max-width: 50px;
margin-bottom: 10px;
}
#home .banner.reg.renewal h2 {
padding-top: 0;
}
@media (max-width: 639px) {
#home .banner.reg.renewal > br {
display: none;
}
}
@media (max-width: 991px) {
#home .banner.reg {
min-height: initial;
}
}
@media (max-width: 639px) {
#home .banner.reg {
padding-top: 50px;
}
}
@media (max-width: 479px) {
#home .banner.reg {
padding-top: 50px;
padding-left: 5px;
padding-right: 5px;
background-position: 90% 0;
}
}
#home .banner.reg h4 {
margin-top: 5px;
margin-bottom: 10px;
}
#home .banner.reg h2 {
margin-bottom: 25px;
line-height: 1.3;
max-width: initial;
padding-top: 52px;
}
@media (max-width: 639px) {
#home .banner.reg h2 {
margin-bottom: 20px;
padding-top: 0;
}
}
@media (max-width: 479px) {
#home .banner.reg h2 {
margin-bottom: 15px;
}
}
@media (max-width: 639px) {
#home .banner.reg h2 br {
display: none;
}
}
#home .banner {
background: url("../img/pages/mmbrs/home/bg.jpg") no-repeat center center;
padding: 28px 50px 28px;
background-size: cover;
border-radius: 5px;
}
@media (max-width: 767px) {
#home .banner {
align-items: center;
padding: 40px 15px 30px;
margin: 0;
}
}
@media (max-width: 479px) {
#home .banner {
background-size: cover;
background-position: 70% center;
border-radius: 4px;
padding: 40px 15px 30px;
text-align: center;
margin: 15px 0 0;
}
}
#home .banner.reveal.systemic-2 {
text-shadow: 0 4px 20px #000000;
}
@media (max-width: 767px) {
#home .banner.reveal.systemic-2 {
background-position-x: left;
text-align: left;
background-size: 300%;
}
}
#home .banner.reveal.systemic-2 h2 {
font-size: 32px;
line-height: 1.3;
margin: 62px 0 13px;
}
@media (max-width: 767px) {
#home .banner.reveal.systemic-2 h2 {
margin-bottom: 0;
font-size: 22px;
line-height: 1.25;
}
}
@media (max-width: 639px) {
#home .banner.reveal.systemic-2 h2 {
font-size: 20px;
}
}
#home .banner.reveal.systemic-2 h2 b {
color: #F2EC28;
}
#home .banner.reveal.systemic-2 h4 {
font-size: 18px;
line-height: 1.5;
font-weight: 700;
}
#home .banner.reveal.systemic-2 p {
font-size: 18px;
line-height: 1.5;
color: #fff;
margin: 3px 0 27px;
}
@media (max-width: 767px) {
#home .banner.reveal.systemic-2 p {
font-size: 16px;
}
}
@media (max-width: 639px) {
#home .banner.reveal.systemic-2 p {
font-size: 14px;
}
}
#home .banner.reveal.systemic-2 .btn, #home .banner.reveal.systemic-2 #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #home .banner.reveal.systemic-2 a,
#home .banner.reveal.systemic-2 #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #home .banner.reveal.systemic-2 button, #home .banner.reveal.systemic-2 #reg .reg_all_links button, #reg .reg_all_links #home .banner.reveal.systemic-2 button,
#home .banner.reveal.systemic-2 #reg .reg_all_links a,
#reg .reg_all_links #home .banner.reveal.systemic-2 a, #home .banner.reveal.systemic-2 #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #home .banner.reveal.systemic-2 a {
font-size: 14px;
line-height: 1.5;
border-radius: 50px;
padding: 7px 38px;
letter-spacing: 0;
margin: 0 0 4px;
}
#home .banner.systemic-2 {
background: url("../img/pages/mmbrs/home/SYSTEMIC.png") no-repeat center center;
background-size: cover;
min-height: 338px;
}
#home .banner.perill-2 {
background: url("../img/pages/mmbrs/home/PERILL.png") no-repeat center center;
background-size: cover;
min-height: 338px;
}
#home .banner.reveal.book-a-call {
background: url("../img/pages/mmbrs/home/bg_reveal_4.jpg") no-repeat center center;
background-size: cover;
text-shadow: 0 4px 20px #000000;
min-height: 338px;
}
@media (max-width: 767px) {
#home .banner.reveal.book-a-call {
background-position-x: left;
text-align: left;
background-size: 300%;
}
}
#home .banner.reveal.book-a-call h2 {
font-size: 32px;
line-height: 1.3;
margin: 62px 0 13px;
}
@media (max-width: 767px) {
#home .banner.reveal.book-a-call h2 {
margin-bottom: 0;
font-size: 22px;
line-height: 1.25;
}
}
@media (max-width: 639px) {
#home .banner.reveal.book-a-call h2 {
font-size: 20px;
}
}
#home .banner.reveal.book-a-call h2 b {
color: #F2EC28;
}
#home .banner.reveal.book-a-call h4 {
font-size: 18px;
line-height: 1.5;
font-weight: 700;
}
#home .banner.reveal.book-a-call p {
font-size: 18px;
line-height: 1.5;
color: #fff;
margin: 3px 0 27px;
font-weight: 700;
}
@media (max-width: 767px) {
#home .banner.reveal.book-a-call p {
font-size: 16px;
}
}
@media (max-width: 639px) {
#home .banner.reveal.book-a-call p {
font-size: 14px;
}
}
#home .banner.reveal.book-a-call p i {
font-size: 16px;
font-weight: 400;
}
#home .banner.reveal.book-a-call .btn, #home .banner.reveal.book-a-call #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #home .banner.reveal.book-a-call a,
#home .banner.reveal.book-a-call #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #home .banner.reveal.book-a-call button, #home .banner.reveal.book-a-call #reg .reg_all_links button, #reg .reg_all_links #home .banner.reveal.book-a-call button,
#home .banner.reveal.book-a-call #reg .reg_all_links a,
#reg .reg_all_links #home .banner.reveal.book-a-call a, #home .banner.reveal.book-a-call #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #home .banner.reveal.book-a-call a {
font-size: 14px;
line-height: 1.5;
border-radius: 50px;
padding: 7px 38px;
letter-spacing: 0;
margin: 0 0 4px;
}
#home .banner.reveal.gateway-2 {
background: url("../img/pages/mmbrs/home/bg_reveal_1.jpg") no-repeat center center;
text-shadow: 0 4px 20px #000000;
}
@media (max-width: 767px) {
#home .banner.reveal.gateway-2 {
background-position-x: left;
text-align: left;
background-size: 300%;
}
}
#home .banner.reveal.gateway-2 h2 {
font-size: 32px;
line-height: 1.3;
margin: 62px 0 13px;
}
@media (max-width: 767px) {
#home .banner.reveal.gateway-2 h2 {
margin-bottom: 0;
font-size: 22px;
line-height: 1.25;
}
}
@media (max-width: 639px) {
#home .banner.reveal.gateway-2 h2 {
font-size: 20px;
}
}
#home .banner.reveal.gateway-2 h2 b {
color: #F2EC28;
}
#home .banner.reveal.gateway-2 h4 {
font-size: 18px;
line-height: 1.5;
font-weight: 700;
}
#home .banner.reveal.gateway-2 p {
font-size: 18px;
line-height: 1.5;
color: #fff;
margin: 3px 0 27px;
}
@media (max-width: 767px) {
#home .banner.reveal.gateway-2 p {
font-size: 16px;
}
}
@media (max-width: 639px) {
#home .banner.reveal.gateway-2 p {
font-size: 14px;
}
}
#home .banner.reveal.gateway-2 .btn, #home .banner.reveal.gateway-2 #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #home .banner.reveal.gateway-2 a,
#home .banner.reveal.gateway-2 #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #home .banner.reveal.gateway-2 button, #home .banner.reveal.gateway-2 #reg .reg_all_links button, #reg .reg_all_links #home .banner.reveal.gateway-2 button,
#home .banner.reveal.gateway-2 #reg .reg_all_links a,
#reg .reg_all_links #home .banner.reveal.gateway-2 a, #home .banner.reveal.gateway-2 #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #home .banner.reveal.gateway-2 a {
font-size: 14px;
line-height: 1.5;
border-radius: 50px;
padding: 7px 38px;
letter-spacing: 0;
margin: 0 0 4px;
}
#home .banner img {
margin: 0 0 33px;
width: 96px;
}
@media (max-width: 767px) {
#home .banner img {
margin: 0 0 24px;
width: 70px;
}
}
#home .banner h4 {
font-size: 18px;
line-height: 1.45;
color: #fff;
margin: 0;
}
@media (max-width: 767px) {
#home .banner h4 {
font-size: 17px;
line-height: 1.25;
}
}
@media (max-width: 479px) {
#home .banner h4 {
font-size: 14px;
}
}
#home .banner h2 {
font-size: 26px;
line-height: 1.45;
font-weight: 700;
color: #fff;
margin: 0;
}
@media (max-width: 767px) {
#home .banner h2 {
font-size: 22px;
line-height: 1.25;
}
}
@media (max-width: 639px) {
#home .banner h2 {
font-size: 20px;
}
}
#home .banner h2 span {
margin-top: 5px;
display: block;
font-size: 18px;
font-weight: 400;
line-height: 25px;
}
#home .banner .dropdown {
display: table;
}
@media (max-width: 479px) {
#home .banner .dropdown {
margin: 0 auto;
}
}
#home .banner .dropdown.show .dropdown-menu {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
#home .banner .dropdown .dropdown-toggle {
font-size: 16px;
font-weight: 700;
color: #fff;
letter-spacing: 0.5px;
border: none;
padding: 15px 85px 15px 75px;
text-transform: uppercase;
background: #D50204;
position: relative;
margin: 15px 0 0;
display: table;
border-radius: 60px;
}
@media (max-width: 767px) {
#home .banner .dropdown .dropdown-toggle {
padding: 8px 55px 8px 45px;
}
}
@media (max-width: 479px) {
#home .banner .dropdown .dropdown-toggle {
font-size: 12px;
}
}
#home .banner .dropdown .dropdown-toggle:active, #home .banner .dropdown .dropdown-toggle:focus {
border-radius: 4px;
}
#home .banner .dropdown .dropdown-toggle:hover {
background: #f80205;
}
#home .banner .dropdown .dropdown-toggle:after {
font-size: 12px;
right: 30px;
top: 32%;
}
@media (max-width: 767px) {
#home .banner .dropdown .dropdown-toggle:after {
right: 45px;
}
}
#home .banner .dropdown .dropdown-menu {
margin: -2px 0 0;
width: 100%;
}
#home .banner .dropdown .dropdown-menu .dropdown-item {
padding: 5px 15px;
}
#home .my_acc {
padding: 32px 15px 42px;
border-radius: 5px;
text-align: center;
background: #fff;
min-height: 312px;
}
@media (max-width: 991px) {
#home .my_acc {
padding: 40px 15px;
margin: 30px 0 0;
}
}
@media (max-width: 767px) {
#home .my_acc {
min-height: initial;
}
}
@media (max-width: 639px) {
#home .my_acc {
margin: 15px 0 0;
}
}
@media (max-width: 479px) {
#home .my_acc {
display: flex;
align-items: center;
padding: 23px 20px;
justify-content: center;
}
}
@media (max-width: 479px) {
#home .my_acc .details {
flex: 60% 0 0;
text-align: left;
position: relative;
box-sizing: border-box;
max-width: 60%;
}
}
#home .my_acc img.user_photo {
border: 1px solid #ddd;
border-radius: 100%;
height: 98px;
width: 98px;
}
@media (max-width: 479px) {
#home .my_acc img.user_photo {
width: 44px;
height: 44px;
float: left;
margin-right: 10px;
}
}
#home .my_acc p.name {
font-size: 16px;
line-height: 1.45;
font-weight: 600;
color: #000;
margin: 14px 0 3px;
}
@media (max-width: 479px) {
#home .my_acc p.name {
font-size: 12px;
text-align: left;
padding: 7px 0 0;
margin: 0;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
max-width: calc(100% - 70px);
text-overflow: ellipsis;
display: block;
}
}
#home .my_acc p.lvl {
font-size: 16px;
line-height: 1.45;
font-weight: 600;
color: #D50204;
margin: 0;
}
@media (max-width: 479px) {
#home .my_acc p.lvl {
font-size: 11px;
color: #747d88;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(100% - 70px);
}
}
#home .my_acc .btn, #home .my_acc #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #home .my_acc a,
#home .my_acc #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #home .my_acc button, #home .my_acc #reg .reg_all_links button, #reg .reg_all_links #home .my_acc button,
#home .my_acc #reg .reg_all_links a,
#reg .reg_all_links #home .my_acc a, #home .my_acc #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #home .my_acc a {
font-size: 15px;
line-height: 1.45;
font-weight: 600;
color: #fff;
border-radius: 50px;
padding: 7px 40px;
letter-spacing: 0;
margin: 42px 0 0;
}
@media (max-width: 991px) {
#home .my_acc .btn, #home .my_acc #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #home .my_acc a,
#home .my_acc #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #home .my_acc button, #home .my_acc #reg .reg_all_links button, #reg .reg_all_links #home .my_acc button,
#home .my_acc #reg .reg_all_links a,
#reg .reg_all_links #home .my_acc a, #home .my_acc #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #home .my_acc a {
margin: 15px 0 0;
}
}
@media (max-width: 479px) {
#home .my_acc .btn, #home .my_acc #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #home .my_acc a,
#home .my_acc #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #home .my_acc button, #home .my_acc #reg .reg_all_links button, #reg .reg_all_links #home .my_acc button,
#home .my_acc #reg .reg_all_links a,
#reg .reg_all_links #home .my_acc a, #home .my_acc #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #home .my_acc a {
flex: 40% 0 0;
min-width: 116px;
font-size: 11px;
font-weight: bold;
padding: 8.5px 10px;
margin: 0;
}
}
#home .card-deck {
margin: 30px -15px 0;
text-align: center;
}
@media (max-width: 991px) {
#home .card-deck {
margin: 15px -15px 0;
}
}
@media (max-width: 639px) {
#home .card-deck {
margin: 15px -7.5px 0;
display: flex;
flex-wrap: wrap;
flex-direction: initial;
}
}
#home .card-deck .card {
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
border: 1px solid transparent;
transition: all 0.3s linear;
padding: 0;
background: #f5f5f5;
border-radius: 6px;
border-bottom: 16px solid #D50204;
min-height: 200px;
justify-content: center;
}
@media (max-width: 991px) {
#home .card-deck .card {
flex: 1 0 40%;
margin: 15px;
}
}
@media (max-width: 639px) {
#home .card-deck .card {
margin: 0 7.5px 15px;
padding: 0;
display: inline-flex;
float: left;
width: calc(50% - 15px);
min-height: 146px;
}
}
#home .card-deck .card.shedule_item ._df_button {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: transparent;
font-size: 0;
border: none;
}
#home .card-deck .card.shedule_item ._df_button:hover {
background: transparent;
}
#home .card-deck .card img {
transition: all 0.3s linear;
max-height: 45px;
height: 100%;
}
#home .card-deck .card:hover {
border: 1px solid #D50204;
text-decoration: none;
background: #f7f7f7;
}
#home .card-deck .card h3 {
font-size: 13px;
line-height: 1.45;
font-weight: 400;
color: #767c88;
font-family: "Inter", serif;
margin: 12px 0 0;
margin: 5px 0 0;
}
@media (max-width: 479px) {
#home .card-deck .card h3 {
display: block;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
}
}
#home .card-deck .card h3 b {
color: red;
}
#home .card-deck .card h3 .count {
font-size: 10px;
line-height: 31px;
font-weight: 600;
color: red;
border: 2px solid #fff;
text-align: center;
position: absolute;
border-radius: 50%;
background: red;
right: calc(50% - 18px);
height: 18px;
width: 18px;
top: 41px;
font-size: 0;
}
#modal_welcome_video .modal-dialog {
max-width: 920px;
}
#modal_welcome_video .modal-header {
border: none;
}
#modal_welcome_video .modal-header h4 {
font-size: 22px;
}
#modal_welcome_video .modal-body {
padding: 0;
background: #000;
}
.bnr_first300 {
background: url("../img/pages/mmbrs/home/bnr_first300.jpg") no-repeat center center;
padding: 50px 80px;
margin-top: 60px;
}
@media (max-width: 991px) {
.bnr_first300 {
padding: 40px 40px;
}
}
@media (max-width: 767px) {
.bnr_first300 {
background: url("../img/bg/purple.jpg") no-repeat center center;
}
}
@media (max-width: 767px) and (max-width: 767px) {
.bnr_first300 {
padding: 40px 20px;
}
}
.bnr_first300 .wrap {
display: flex;
align-items: center;
align-content: center;
margin-bottom: 30px;
}
@media (max-width: 639px) {
.bnr_first300 .wrap > img {
max-width: 100px;
}
}
.bnr_first300 .wrap h3 {
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #fff;
margin-bottom: 0;
margin-left: 45px;
}
@media (max-width: 767px) {
.bnr_first300 .wrap h3 {
margin-left: 15px;
}
}
.bnr_first300 .wrap h3 span {
color: #F2EC28;
}
.bnr_first300 .wrap h3 small {
display: block;
font-size: 18px;
line-height: 20px;
}
.bnr_first300 .txt {
font-size: 20px;
line-height: 32px;
color: #fff;
font-family: "Inter", serif;
max-width: 535px;
}
@media (max-width: 767px) {
.bnr_first300 .txt {
font-size: 18px;
line-height: 28px;
}
}
.bnr_first300 .txt b {
color: #F2EC28;
}
.bnr_first300 .btn, .bnr_first300 #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .bnr_first300 a,
.bnr_first300 #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .bnr_first300 button, .bnr_first300 #reg .reg_all_links button, #reg .reg_all_links .bnr_first300 button,
.bnr_first300 #reg .reg_all_links a,
#reg .reg_all_links .bnr_first300 a, .bnr_first300 #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 .bnr_first300 a {
border-radius: 0 !important;
}
#bnr_call {
position: relative;
background: #f5f5f5;
margin: 60px auto 0;
background: url("../img/pages/mmbrs/home/bnr_call.jpg") no-repeat center center;
padding: 30px 30px;
color: #fff;
background-size: cover;
background-position: 80% 50%;
max-width: 1110px;
}
@media (max-width: 1199px) {
#bnr_call {
background-position: 0 50%;
}
}
@media (max-width: 991px) {
#bnr_call {
padding: 25px 30px;
background-position: 0 0;
}
}
@media (max-width: 639px) {
#bnr_call {
background-position: 5% 0;
padding: 20px 15px;
}
}
#bnr_call h2 {
font-size: 30px;
}
#bnr_call p {
font-size: 17px;
line-height: 26px;
max-width: 700px;
font-weight: 400;
}
@media (max-width: 991px) {
#bnr_call p {
max-width: 470px;
}
}
@media (max-width: 767px) {
#bnr_call p {
max-width: 400px;
font-size: 16px;
}
}
#bnr_call a {
background: #F2EC28;
color: #fff;
border-radius: 60px;
font-size: 14px;
line-height: 19px;
padding-right: 15px;
display: flex;
align-content: center;
align-items: center;
justify-content: space-between;
max-width: 250px;
text-align: center;
font-weight: 600;
transition: all 0.2s;
}
#bnr_call a:hover {
text-decoration: none;
background: #f1ea10;
}
#bnr_call a span {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
background: #fff;
min-width: 50px;
width: 50px;
height: 50px;
border-radius: 60px;
margin-right: 5px;
}
#modal_video_player .modal-dialog {
max-width: calc(100vw - 30px);
}
@media (min-width: 576px) {
#modal_video_player .modal-dialog.modal-dialog-centered {
min-height: calc(100% - 3.5rem);
}
}
@media (min-width: 1200px) {
#modal_video_player .modal-dialog {
max-width: 1200px;
max-height: 1200px;
}
}
#modal_video_player .modal-dialog .modal-content {
background: transparent;
border: none;
padding: 0;
}
#modal_video_player .modal-dialog .modal-content .modal-body {
padding: 0;
}
#mmbrs_team {
overflow: hidden;
padding: 35px 0;
background: #F5F5F5;
}
@media (max-width: 991px) {
#mmbrs_team {
padding: 60px 0 0;
}
}
@media (max-width: 639px) {
#mmbrs_team {
position: relative;
padding: 20px 0;
}
}
#mmbrs_team .single {
margin: 0 0 30px;
}
@media (max-width: 767px) {
#mmbrs_team .single {
position: relative;
}
}
@media (max-width: 639px) {
#mmbrs_team .single {
margin: 0 0 15px;
}
}
#mmbrs_team .single > a {
background: #eee;
position: relative;
padding-bottom: 68%;
text-decoration: none;
cursor: pointer;
display: block;
border-radius: 3px;
overflow: hidden;
}
#mmbrs_team .single img {
position: absolute;
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
}
#mmbrs_team .single h3 {
font-size: 18px;
line-height: 21px;
font-weight: 500;
color: #D50204;
margin: 17px 0 4px;
}
@media (max-width: 767px) {
#mmbrs_team .single h3 {
margin: 10px 0 0;
font-size: 16px;
}
}
@media (max-width: 639px) {
#mmbrs_team .single h3 {
margin: 6px 0 0;
font-size: 14px;
}
}
@media (max-width: 639px) {
#mmbrs_team .single h3 a {
margin: 0 0 2px;
overflow: hidden;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
}
}
#mmbrs_team .single p {
font-size: 14px;
line-height: 20px;
color: #767676;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0;
font-family: "Inter";
}
@media (max-width: 767px) {
#mmbrs_team .single p {
font-size: 12px;
}
}
@media (max-width: 767px) {
#mmbrs_team .media {
display: block;
}
}
#mmbrs_team .media-left {
margin: 0;
}
#mmbrs_team .media-left img {
border-radius: 3px;
margin: 0 100px 0 0;
height: auto;
width: 256px;
}
@media (max-width: 1919px) {
#mmbrs_team .media-left img {
margin: 0 90px 0 0;
}
}
@media (max-width: 1199px) {
#mmbrs_team .media-left img {
margin: 0 60px 0 0;
}
}
@media (max-width: 991px) {
#mmbrs_team .media-left img {
margin: 0 40px 0 0;
}
}
@media (max-width: 767px) {
#mmbrs_team .media-left img {
width: 220px;
margin: 0 40px 25px 0;
}
}
@media (max-width: 639px) {
#mmbrs_team .media-left img {
width: 200px;
}
}
@media (max-width: 479px) {
#mmbrs_team .media-left img {
width: 180px;
}
}
#mmbrs_team .media-left h3 {
font-size: 14px;
line-height: 1.45em;
font-weight: 700;
color: #D50204;
margin: 22px 0 0;
}
@media (max-width: 991px) {
#mmbrs_team .media-left h3 {
margin: 15px 0 0;
}
}
@media (max-width: 767px) {
#mmbrs_team .media-left h3 {
font-size: 20px;
color: #000;
margin: 0;
}
}
@media (max-width: 639px) {
#mmbrs_team .media-left h3 {
font-size: 18px;
}
}
#mmbrs_team .media-left p {
font-size: 14px;
line-height: 1.6em;
color: #555;
margin: 0;
}
@media (max-width: 767px) {
#mmbrs_team .media-left p.pos {
display: none;
}
}
#mmbrs_team .media-left p a {
font-weight: 700;
color: #D50204;
}
#mmbrs_team .media-body h3 {
font-size: 24px;
line-height: 1.4;
font-weight: 500;
color: #D50204;
margin: 0 0 30px;
}
@media (max-width: 1199px) {
#mmbrs_team .media-body h3 {
font-size: 22px;
}
}
@media (max-width: 767px) {
#mmbrs_team .media-body h3 {
font-size: 20px;
margin: 0 0 20px;
}
}
@media (max-width: 639px) {
#mmbrs_team .media-body h3 {
font-size: 18px;
}
}
@media (max-width: 479px) {
#mmbrs_team .media-body h3 {
font-size: 16px;
}
}
#mmbrs_team .media-body p {
font-size: 14px;
line-height: 1.9;
font-family: "Inter";
margin: 0 0 30px;
}
@media (max-width: 991px) {
#mmbrs_team .media-body p {
font-size: 14px;
line-height: 1.65em;
margin: 0 0 12px;
}
}
@media (max-width: 479px) {
#mmbrs_team .media-body p {
font-size: 12px;
}
}
#mmbrs_team .media-body a {
color: #D50204;
}
#mmbrs_team .media-body ul {
list-style: none;
padding: 0;
}
#mmbrs_team .media-body ul li {
font-size: 14px;
line-height: 1.9;
font-family: "Inter", serif;
color: #666;
position: relative;
padding-left: 20px;
display: block;
margin: 0 0 15px;
}
@media (max-width: 991px) {
#mmbrs_team .media-body ul li {
font-size: 14px;
line-height: 1.65em;
}
}
@media (max-width: 479px) {
#mmbrs_team .media-body ul li {
font-size: 12px;
}
}
#mmbrs_team .media-body ul li:before {
content: "";
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #D50204;
position: absolute;
left: 0;
top: 10px;
}
@media (max-width: 767px) {
#mmbrs_team .media-body ul li:before {
top: 9px;
}
}
@media (max-width: 479px) {
#mmbrs_team .media-body ul li:before {
top: 7px;
}
}
#mmbrs_team .card {
margin: 0 0 60px;
}
@media (max-width: 767px) {
#mmbrs_team .card {
margin: 0 0 40px;
}
}
@media (max-width: 639px) {
#mmbrs_team .card {
margin: 0 0 30px;
}
}
@media (max-width: 479px) {
#mmbrs_team .card {
margin: 0 0 20px;
}
}
#mmbrs_team .card .card-header a {
background: transparent !important;
font-size: 14px;
color: #D50204;
bottom: 0;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 0 0 20px;
}
#mmbrs_team .card .card-header h5 {
padding: 12px 0;
border-bottom: 1px solid #e0e0e0;
width: 100%;
font-size: 18px;
font-weight: 500;
}
#mmbrs_team .card .card-header h5 .ttl {
background: transparent;
}
@media (max-width: 767px) {
#mmbrs_team .card .card-header h5 {
font-size: 16px;
}
}
#mmbrs_team .card .card-header:after {
display: none;
}
#mmbrs_team .card .card-body {
padding: 30px 0 0;
margin: 0;
}
@media (max-width: 639px) {
#mmbrs_team .card .card-body {
padding: 15px 0 0;
}
}
@media (max-width: 639px) {
#mmbrs_team .card .card-body > .row {
margin: 0 -6px;
}
}
@media (max-width: 639px) {
#mmbrs_team .card .card-body > .row > .col-6 {
padding: 0 6px;
}
}
#reg {
padding: 34px 0 0;
background: #fff;
margin-bottom: 70px;
max-width: 930px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
@media (max-width: 991px) {
#reg {
padding: 32px 0 0;
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
#reg {
padding: 0;
}
}
#reg > form {
padding: 0;
background: none;
}
#reg .reg_banner {
padding: 30px 38px 48px;
position: relative;
border-radius: 4px;
color: #0f0f3d;
}
@media (max-width: 991px) {
#reg .reg_banner {
padding: 44px 24px 25px;
border-radius: 0;
}
}
@media (max-width: 479px) {
#reg .reg_banner {
padding: 40px 15px 25px;
border-radius: 0;
}
}
#reg .reg_banner img.modules_badge {
max-width: 190px;
width: 100%;
margin-bottom: 110px;
}
@media (max-width: 767px) {
#reg .reg_banner img.modules_badge {
margin-bottom: 30px;
}
}
#reg .reg_banner h2 {
font-size: 26px;
line-height: 1;
font-weight: 600;
color: #fff;
font-family: Poppins, serif;
margin: 0 0 26px;
}
@media (max-width: 767px) {
#reg .reg_banner h2 {
font-size: 24px;
}
}
@media (max-width: 639px) {
#reg .reg_banner h2 {
font-size: 24px;
}
}
@media (max-width: 479px) {
#reg .reg_banner h2 {
font-size: 20px;
}
}
#reg .reg_banner p {
font-size: 13px;
line-height: 1.2;
font-weight: 400;
color: #fff;
font-family: Poppins, serif;
margin: 0 0 10px;
}
#reg .reg_banner p span {
font-size: 10px;
line-height: 22px;
font-weight: 600;
border: 1px solid #fff;
margin: -2px 8px 0 0;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
height: 16px;
width: 16px;
}
#reg .reg_banner p a {
color: #D50204;
}
@media (max-width: 479px) {
#reg .reg_banner p br {
display: none;
}
}
#reg .reg_banner .btn, #reg .reg_banner .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .reg_banner a,
#reg .reg_banner .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .reg_banner button, #reg .reg_banner .reg_all_links button, #reg .reg_all_links .reg_banner button,
#reg .reg_banner .reg_all_links a,
#reg .reg_all_links .reg_banner a, #reg .reg_banner #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #reg .reg_banner a {
font-size: 14px;
line-height: 1;
font-weight: 600;
font-family: Poppins, serif;
padding: 0 32px 0 18px;
letter-spacing: 0;
border-radius: 0;
border: none;
position: absolute;
display: inline-flex;
align-items: center;
justify-content: center;
bottom: 48px;
right: 24px;
background: #fff;
height: 40px;
color: #D50204 !important;
box-shadow: unset !important;
}
@media (max-width: 991px) {
#reg .reg_banner .btn, #reg .reg_banner .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .reg_banner a,
#reg .reg_banner .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .reg_banner button, #reg .reg_banner .reg_all_links button, #reg .reg_all_links .reg_banner button,
#reg .reg_banner .reg_all_links a,
#reg .reg_all_links .reg_banner a, #reg .reg_banner #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #reg .reg_banner a {
bottom: 32px;
}
}
@media (max-width: 767px) {
#reg .reg_banner .btn, #reg .reg_banner .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .reg_banner a,
#reg .reg_banner .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .reg_banner button, #reg .reg_banner .reg_all_links button, #reg .reg_all_links .reg_banner button,
#reg .reg_banner .reg_all_links a,
#reg .reg_all_links .reg_banner a, #reg .reg_banner #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #reg .reg_banner a {
position: relative;
bottom: initial;
right: initial;
margin-top: 40px;
margin-bottom: 40px;
max-width: 205px;
}
}
#reg .reg_banner .btn .addeventatc_icon, #reg .reg_banner .media_wrap_cohort .media .right a .addeventatc_icon, #reg .media_wrap_cohort .media .right .reg_banner a .addeventatc_icon,
#reg .reg_banner .media_wrap_cohort .media .right button .addeventatc_icon,
#reg .media_wrap_cohort .media .right .reg_banner button .addeventatc_icon, #reg .reg_banner .reg_all_links button .addeventatc_icon, #reg .reg_all_links .reg_banner button .addeventatc_icon,
#reg .reg_banner .reg_all_links a .addeventatc_icon,
#reg .reg_all_links .reg_banner a .addeventatc_icon, #reg .reg_banner #modal_module_completed .modal-body h2 a .addeventatc_icon, #modal_module_completed .modal-body h2 #reg .reg_banner a .addeventatc_icon {
display: none !important;
}
#reg .reg_banner .btn .icon-calendar, #reg .reg_banner .media_wrap_cohort .media .right a .icon-calendar, #reg .media_wrap_cohort .media .right .reg_banner a .icon-calendar,
#reg .reg_banner .media_wrap_cohort .media .right button .icon-calendar,
#reg .media_wrap_cohort .media .right .reg_banner button .icon-calendar, #reg .reg_banner .reg_all_links button .icon-calendar, #reg .reg_all_links .reg_banner button .icon-calendar,
#reg .reg_banner .reg_all_links a .icon-calendar,
#reg .reg_all_links .reg_banner a .icon-calendar, #reg .reg_banner #modal_module_completed .modal-body h2 a .icon-calendar, #modal_module_completed .modal-body h2 #reg .reg_banner a .icon-calendar {
margin-right: 10px;
font-size: 18px;
}
#reg .reg_banner .btn:hover, #reg .reg_banner .media_wrap_cohort .media .right a:hover, #reg .media_wrap_cohort .media .right .reg_banner a:hover,
#reg .reg_banner .media_wrap_cohort .media .right button:hover,
#reg .media_wrap_cohort .media .right .reg_banner button:hover, #reg .reg_banner .reg_all_links button:hover, #reg .reg_all_links .reg_banner button:hover,
#reg .reg_banner .reg_all_links a:hover,
#reg .reg_all_links .reg_banner a:hover, #reg .reg_banner #modal_module_completed .modal-body h2 a:hover, #modal_module_completed .modal-body h2 #reg .reg_banner a:hover {
background: #D50204 !important;
color: #fff !important;
}
#reg .reg_banner .btn:hover svg path, #reg .reg_banner .media_wrap_cohort .media .right a:hover svg path, #reg .media_wrap_cohort .media .right .reg_banner a:hover svg path,
#reg .reg_banner .media_wrap_cohort .media .right button:hover svg path,
#reg .media_wrap_cohort .media .right .reg_banner button:hover svg path, #reg .reg_banner .reg_all_links button:hover svg path, #reg .reg_all_links .reg_banner button:hover svg path,
#reg .reg_banner .reg_all_links a:hover svg path,
#reg .reg_all_links .reg_banner a:hover svg path, #reg .reg_banner #modal_module_completed .modal-body h2 a:hover svg path, #modal_module_completed .modal-body h2 #reg .reg_banner a:hover svg path {
fill: #D50204;
}
#reg .reg_banner .btn svg, #reg .reg_banner .media_wrap_cohort .media .right a svg, #reg .media_wrap_cohort .media .right .reg_banner a svg,
#reg .reg_banner .media_wrap_cohort .media .right button svg,
#reg .media_wrap_cohort .media .right .reg_banner button svg, #reg .reg_banner .reg_all_links button svg, #reg .reg_all_links .reg_banner button svg,
#reg .reg_banner .reg_all_links a svg,
#reg .reg_all_links .reg_banner a svg, #reg .reg_banner #modal_module_completed .modal-body h2 a svg, #modal_module_completed .modal-body h2 #reg .reg_banner a svg {
margin-right: 10px;
transition: all 0.2s;
}
#reg .reg_banner .btn svg path, #reg .reg_banner .media_wrap_cohort .media .right a svg path, #reg .media_wrap_cohort .media .right .reg_banner a svg path,
#reg .reg_banner .media_wrap_cohort .media .right button svg path,
#reg .media_wrap_cohort .media .right .reg_banner button svg path, #reg .reg_banner .reg_all_links button svg path, #reg .reg_all_links .reg_banner button svg path,
#reg .reg_banner .reg_all_links a svg path,
#reg .reg_all_links .reg_banner a svg path, #reg .reg_banner #modal_module_completed .modal-body h2 a svg path, #modal_module_completed .modal-body h2 #reg .reg_banner a svg path {
fill: #D50204;
transition: all 0.2s;
}
#reg .step {
font-size: 18px;
line-height: 1.45;
font-weight: 700;
color: #D50204;
border: 1px solid #ddd;
border-radius: 50px;
margin-left: -69px;
position: relative;
padding: 5px 40px;
background: #fff;
display: inline;
top: -13px;
left: 50%;
}
#reg .step.back_line {
z-index: 2;
}
#reg .step.back_line:before {
border-bottom: 1px solid #ddd;
position: absolute;
display: block;
width: 820px;
left: -347px;
z-index: -1;
content: "";
top: 50%;
}
#reg .step.third {
margin: 97px auto 0;
left: 0;
}
#reg .tz_wrap {
margin: 50px auto 70px;
display: table;
}
@media (max-width: 479px) {
#reg .tz_wrap {
margin: 40px auto 60px;
}
}
#reg .tz_wrap label {
width: 445px;
margin: 0;
}
@media (max-width: 639px) {
#reg .tz_wrap label {
width: 290px;
}
}
@media (max-width: 479px) {
#reg .tz_wrap label {
max-width: 100%;
}
}
#reg .tz_wrap .field_ttl {
display: none;
}
#reg .tz_wrap .nearest_tz {
margin: 0 auto;
display: table;
}
#reg .tz_wrap .nearest_tz.show {
z-index: 111111;
}
#reg .tz_wrap .nearest_tz.show .btn, #reg .tz_wrap .nearest_tz.show .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .tz_wrap .nearest_tz.show a,
#reg .tz_wrap .nearest_tz.show .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .tz_wrap .nearest_tz.show button, #reg .tz_wrap .nearest_tz.show .reg_all_links button, #reg .reg_all_links .tz_wrap .nearest_tz.show button,
#reg .tz_wrap .nearest_tz.show .reg_all_links a,
#reg .reg_all_links .tz_wrap .nearest_tz.show a, #reg .tz_wrap .nearest_tz.show #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #reg .tz_wrap .nearest_tz.show a {
border-radius: 0;
}
#reg .tz_wrap .nearest_tz.show .dropdown-menu.open {
box-shadow: unset;
}
#reg .tz_wrap .btn.dropdown-toggle, #reg .tz_wrap .media_wrap_cohort .media .right a.dropdown-toggle, #reg .media_wrap_cohort .media .right .tz_wrap a.dropdown-toggle,
#reg .tz_wrap .media_wrap_cohort .media .right button.dropdown-toggle,
#reg .media_wrap_cohort .media .right .tz_wrap button.dropdown-toggle, #reg .tz_wrap .reg_all_links button.dropdown-toggle, #reg .reg_all_links .tz_wrap button.dropdown-toggle,
#reg .tz_wrap .reg_all_links a.dropdown-toggle,
#reg .reg_all_links .tz_wrap a.dropdown-toggle, #reg .tz_wrap #modal_module_completed .modal-body h2 a.dropdown-toggle, #modal_module_completed .modal-body h2 #reg .tz_wrap a.dropdown-toggle {
letter-spacing: 0.5px;
padding: 12px 25px 8px;
border-radius: 0;
color: #D50204;
border-color: #D50204;
}
@media (max-width: 479px) {
#reg .tz_wrap .btn.dropdown-toggle, #reg .tz_wrap .media_wrap_cohort .media .right a.dropdown-toggle, #reg .media_wrap_cohort .media .right .tz_wrap a.dropdown-toggle,
#reg .tz_wrap .media_wrap_cohort .media .right button.dropdown-toggle,
#reg .media_wrap_cohort .media .right .tz_wrap button.dropdown-toggle, #reg .tz_wrap .reg_all_links button.dropdown-toggle, #reg .reg_all_links .tz_wrap button.dropdown-toggle,
#reg .tz_wrap .reg_all_links a.dropdown-toggle,
#reg .reg_all_links .tz_wrap a.dropdown-toggle, #reg .tz_wrap #modal_module_completed .modal-body h2 a.dropdown-toggle, #modal_module_completed .modal-body h2 #reg .tz_wrap a.dropdown-toggle {
padding: 8px 15px 5px;
}
}
#reg .tz_wrap .btn.dropdown-toggle:after, #reg .tz_wrap .media_wrap_cohort .media .right a.dropdown-toggle:after, #reg .media_wrap_cohort .media .right .tz_wrap a.dropdown-toggle:after,
#reg .tz_wrap .media_wrap_cohort .media .right button.dropdown-toggle:after,
#reg .media_wrap_cohort .media .right .tz_wrap button.dropdown-toggle:after, #reg .tz_wrap .reg_all_links button.dropdown-toggle:after, #reg .reg_all_links .tz_wrap button.dropdown-toggle:after,
#reg .tz_wrap .reg_all_links a.dropdown-toggle:after,
#reg .reg_all_links .tz_wrap a.dropdown-toggle:after, #reg .tz_wrap #modal_module_completed .modal-body h2 a.dropdown-toggle:after, #modal_module_completed .modal-body h2 #reg .tz_wrap a.dropdown-toggle:after {
color: #D50204;
font-size: 10px;
right: 39px;
top: 30%;
}
@media (max-width: 479px) {
#reg .tz_wrap .btn.dropdown-toggle:after, #reg .tz_wrap .media_wrap_cohort .media .right a.dropdown-toggle:after, #reg .media_wrap_cohort .media .right .tz_wrap a.dropdown-toggle:after,
#reg .tz_wrap .media_wrap_cohort .media .right button.dropdown-toggle:after,
#reg .media_wrap_cohort .media .right .tz_wrap button.dropdown-toggle:after, #reg .tz_wrap .reg_all_links button.dropdown-toggle:after, #reg .reg_all_links .tz_wrap button.dropdown-toggle:after,
#reg .tz_wrap .reg_all_links a.dropdown-toggle:after,
#reg .reg_all_links .tz_wrap a.dropdown-toggle:after, #reg .tz_wrap #modal_module_completed .modal-body h2 a.dropdown-toggle:after, #modal_module_completed .modal-body h2 #reg .tz_wrap a.dropdown-toggle:after {
right: 25px;
top: 23%;
}
}
#reg .submit_wrap {
padding: 105px 0 82px;
text-align: center;
left: 0;
}
@media (max-width: 479px) {
#reg .submit_wrap {
padding: 90px 15px 60px;
}
}
#reg .submit_wrap h3 {
font-size: 14px;
line-height: 1.45;
font-weight: 600;
margin: 45px 0 10px;
text-align: center;
}
@media (max-width: 479px) {
#reg .submit_wrap h3 {
margin: 30px 0 10px;
font-size: 16px;
}
}
#reg .submit_wrap .btn, #reg .submit_wrap .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .submit_wrap a,
#reg .submit_wrap .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .submit_wrap button, #reg .submit_wrap .reg_all_links button, #reg .reg_all_links .submit_wrap button,
#reg .submit_wrap .reg_all_links a,
#reg .reg_all_links .submit_wrap a, #reg .submit_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #reg .submit_wrap a {
font-size: 14px;
font-weight: 600;
max-width: 210px;
padding: 17px 30px;
letter-spacing: 0;
border-radius: 0;
}
@media (max-width: 479px) {
#reg .submit_wrap .btn, #reg .submit_wrap .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .submit_wrap a,
#reg .submit_wrap .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .submit_wrap button, #reg .submit_wrap .reg_all_links button, #reg .reg_all_links .submit_wrap button,
#reg .submit_wrap .reg_all_links a,
#reg .reg_all_links .submit_wrap a, #reg .submit_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #reg .submit_wrap a {
padding: 15px;
}
}
#reg.cal .wrap_all {
border-bottom: 1px solid #d6d6d6;
padding: 0;
margin-bottom: 90px;
}
@media (max-width: 1199px) {
#reg.cal .wrap_all {
margin: 0;
padding: 0;
}
}
#reg.cal .card label input[type=checkbox]:checked + .btn.btn-blue, #reg.cal .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + a.btn-blue, #reg.cal .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + a.btn-blue,
#reg.cal .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + button.btn-blue,
#reg.cal .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + button.btn-blue, #reg.cal .card label .reg_all_links input[type=checkbox]:checked + button.btn-blue, #reg.cal .reg_all_links .card label input[type=checkbox]:checked + button.btn-blue,
#reg.cal .card label .reg_all_links input[type=checkbox]:checked + a.btn-blue,
#reg.cal .reg_all_links .card label input[type=checkbox]:checked + a.btn-blue, #reg.cal .card label #modal_module_completed .modal-body h2 input[type=checkbox]:checked + a.btn-blue, #modal_module_completed .modal-body h2 #reg.cal .card label input[type=checkbox]:checked + a.btn-blue {
border: 1px solid transparent;
background: #D50204;
color: #fff !important;
}
#reg.cal .card label input[type=checkbox]:checked + .btn.btn-blue:hover, #reg.cal .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + a.btn-blue:hover, #reg.cal .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + a.btn-blue:hover,
#reg.cal .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + button.btn-blue:hover,
#reg.cal .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + button.btn-blue:hover, #reg.cal .card label .reg_all_links input[type=checkbox]:checked + button.btn-blue:hover, #reg.cal .reg_all_links .card label input[type=checkbox]:checked + button.btn-blue:hover,
#reg.cal .card label .reg_all_links input[type=checkbox]:checked + a.btn-blue:hover,
#reg.cal .reg_all_links .card label input[type=checkbox]:checked + a.btn-blue:hover, #reg.cal .card label #modal_module_completed .modal-body h2 input[type=checkbox]:checked + a.btn-blue:hover, #modal_module_completed .modal-body h2 #reg.cal .card label input[type=checkbox]:checked + a.btn-blue:hover {
border: 1px solid #D50204;
background: transparent;
color: #D50204 !important;
}
#reg.cal .card label input[type=checkbox]:checked + .btn.btn-trsp-blue, #reg.cal .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + a.btn-trsp-blue, #reg.cal .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + a.btn-trsp-blue,
#reg.cal .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + button.btn-trsp-blue,
#reg.cal .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + button.btn-trsp-blue, #reg.cal .card label .reg_all_links input[type=checkbox]:checked + button.btn-trsp-blue, #reg.cal .reg_all_links .card label input[type=checkbox]:checked + button.btn-trsp-blue,
#reg.cal .card label .reg_all_links input[type=checkbox]:checked + a.btn-trsp-blue,
#reg.cal .reg_all_links .card label input[type=checkbox]:checked + a.btn-trsp-blue, #reg.cal .card label #modal_module_completed .modal-body h2 input[type=checkbox]:checked + a.btn-trsp-blue, #modal_module_completed .modal-body h2 #reg.cal .card label input[type=checkbox]:checked + a.btn-trsp-blue {
border: 1px solid #D50204;
color: #D50204 !important;
background: transparent;
}
#reg.cal .card label input[type=checkbox]:checked + .btn.btn-trsp-blue:hover, #reg.cal .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + a.btn-trsp-blue:hover, #reg.cal .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + a.btn-trsp-blue:hover,
#reg.cal .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + button.btn-trsp-blue:hover,
#reg.cal .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + button.btn-trsp-blue:hover, #reg.cal .card label .reg_all_links input[type=checkbox]:checked + button.btn-trsp-blue:hover, #reg.cal .reg_all_links .card label input[type=checkbox]:checked + button.btn-trsp-blue:hover,
#reg.cal .card label .reg_all_links input[type=checkbox]:checked + a.btn-trsp-blue:hover,
#reg.cal .reg_all_links .card label input[type=checkbox]:checked + a.btn-trsp-blue:hover, #reg.cal .card label #modal_module_completed .modal-body h2 input[type=checkbox]:checked + a.btn-trsp-blue:hover, #modal_module_completed .modal-body h2 #reg.cal .card label input[type=checkbox]:checked + a.btn-trsp-blue:hover {
border: 1px solid transparent;
color: #fff !important;
background: #D50204;
}
#reg.cal .card label input[type=checkbox]:checked + .btn .register, #reg.cal .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + a .register, #reg.cal .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + a .register,
#reg.cal .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + button .register,
#reg.cal .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + button .register, #reg.cal .card label .reg_all_links input[type=checkbox]:checked + button .register, #reg.cal .reg_all_links .card label input[type=checkbox]:checked + button .register,
#reg.cal .card label .reg_all_links input[type=checkbox]:checked + a .register,
#reg.cal .reg_all_links .card label input[type=checkbox]:checked + a .register, #reg.cal .card label #modal_module_completed .modal-body h2 input[type=checkbox]:checked + a .register, #modal_module_completed .modal-body h2 #reg.cal .card label input[type=checkbox]:checked + a .register {
display: inline;
}
#reg .reg_all_links {
padding: 44px 110px 75px;
text-align: center;
}
@media (max-width: 1199px) {
#reg .reg_all_links {
padding: 44px 45px 75px;
}
}
@media (max-width: 767px) {
#reg .reg_all_links {
padding: 44px 45px 60px;
}
}
@media (max-width: 479px) {
#reg .reg_all_links {
padding: 35px 15px 55px;
}
}
#reg .reg_all_links h3 {
font-size: 18px;
line-height: 1.45;
font-weight: 600;
text-align: center;
margin: 0 0 24px;
}
@media (max-width: 479px) {
#reg .reg_all_links h3 {
font-size: 16px;
margin: 0 0 5px;
}
}
#reg .reg_all_links button,
#reg .reg_all_links a {
font-size: 14px !important;
line-height: 1.35;
font-weight: 600 !important;
border-radius: 50px;
letter-spacing: 0;
margin: 0 15px;
padding: 12px;
width: 290px;
position: relative;
cursor: pointer;
transition: all 0.3s;
border-radius: 0;
}
@media (max-width: 1199px) {
#reg .reg_all_links button,
#reg .reg_all_links a {
width: 300px;
}
}
@media (max-width: 991px) {
#reg .reg_all_links button,
#reg .reg_all_links a {
margin: 5px 7.5px;
padding: 12px;
width: 320px;
}
}
@media (max-width: 767px) {
#reg .reg_all_links button,
#reg .reg_all_links a {
margin: 5px 0;
padding: 7px;
width: 270px;
}
}
#reg .reg_all_links button[data-target=morning], #reg .reg_all_links button.morning,
#reg .reg_all_links a[data-target=morning],
#reg .reg_all_links a.morning {
border: 1px solid #D50204;
background: #fff;
color: #D50204;
}
#reg .reg_all_links button[data-target=morning]:hover, #reg .reg_all_links button.morning:hover,
#reg .reg_all_links a[data-target=morning]:hover,
#reg .reg_all_links a.morning:hover {
background: #D50204;
color: #fff;
}
#reg .reg_all_links button[data-target=evening], #reg .reg_all_links button.evening,
#reg .reg_all_links a[data-target=evening],
#reg .reg_all_links a.evening {
background: #D50204;
color: #fff;
border: 1px solid #D50204;
}
#reg .reg_all_links button[data-target=evening]:hover, #reg .reg_all_links button.evening:hover,
#reg .reg_all_links a[data-target=evening]:hover,
#reg .reg_all_links a.evening:hover {
background: transparent;
color: #D50204 !important;
}
#reg .reg_all_links button.btn_active:before,
#reg .reg_all_links a.btn_active:before {
position: absolute;
content: "✓";
font-family: "entypo";
top: 8px;
right: 15px;
display: block;
font-size: 20px;
}
@media (max-width: 767px) {
#reg .reg_all_links button.btn_active:before,
#reg .reg_all_links a.btn_active:before {
font-size: 16px;
top: 5px;
}
}
#reg .media_wrap_cohort {
border-bottom: 0;
margin-top: 40px;
}
@media (max-width: 767px) {
#reg .media_wrap_cohort {
margin: 0 15px;
}
}
#reg .media_wrap_cohort div:nth-child(1) {
border-left: initial !important;
border-right: initial !important;
}
#reg .media_wrap_cohort div:nth-child(1) .right {
flex-wrap: nowrap;
}
#reg .media_wrap_cohort div:nth-child(1) .right a {
margin: 5px 10px !important;
}
#reg .media_wrap_cohort div:nth-child(1) .right > div {
min-height: 90px;
}
@media (max-width: 767px) {
#reg .media_wrap_cohort div:nth-child(1) .right > div {
min-height: 70px;
}
}
#reg .media_wrap_cohort .media {
border-bottom: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
padding: 0px 0 0 30px;
display: flex;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
}
@media (max-width: 767px) {
#reg .media_wrap_cohort .media {
padding: 0;
flex-wrap: wrap;
justify-content: flex-start;
}
}
#reg .media_wrap_cohort .media:first-child p {
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 14.5px;
line-height: 20px;
letter-spacing: -0.02em;
color: #828282;
margin-bottom: 0;
}
@media (max-width: 767px) {
#reg .media_wrap_cohort .media:first-child p {
width: 100%;
text-align: center;
margin-top: 30px;
}
}
#reg .media_wrap_cohort .media:first-child .right {
align-items: stretch;
align-content: stretch;
}
#reg .media_wrap_cohort .media .left {
display: flex;
align-items: center;
align-content: center;
width: 45%;
max-width: 50%;
flex-wrap: wrap;
padding-right: 30px;
}
@media (max-width: 767px) {
#reg .media_wrap_cohort .media .left {
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
max-width: 100%;
padding: 15px;
}
}
#reg .media_wrap_cohort .media .left .ttl {
width: 100%;
margin-bottom: 5px;
font-size: 16px;
line-height: 22px;
font-family: "Poppins", sans-serif;
}
#reg .media_wrap_cohort .media .left .ttl b {
color: #8b009b;
font-size: 18px;
line-height: 27px;
font-weight: 600;
}
#reg .media_wrap_cohort .media .left .ssn-duration {
width: 100%;
font-size: 12px;
}
#reg .media_wrap_cohort .media .right {
width: 55%;
max-width: 55%;
height: 100%;
text-align: right;
font-style: italic;
font-size: 12px;
line-height: 19px;
font-weight: 400;
min-width: 220px;
min-height: 106px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
align-content: stretch;
}
@media (max-width: 767px) {
#reg .media_wrap_cohort .media .right {
text-align: left;
padding: 0;
width: 100%;
max-width: 100%;
margin-top: 10px;
padding-bottom: 0px;
min-height: 75px;
}
}
#reg .media_wrap_cohort .media .right > div {
width: 50%;
display: flex;
align-items: center;
align-content: center;
flex-wrap: wrap;
justify-content: center;
}
#reg .media_wrap_cohort .media .right > div:nth-child(1) {
background: rgba(224, 224, 224, 0.1725490196);
}
#reg .media_wrap_cohort .media .right > div:nth-child(2) {
background: rgba(224, 224, 224, 0.3019607843);
}
#reg .media_wrap_cohort .media .right form {
width: 50%;
padding: 5px 10px;
}
#reg .media_wrap_cohort .media .right form button {
width: 100%;
}
#reg .media_wrap_cohort .media .right a,
#reg .media_wrap_cohort .media .right button {
font-size: 12px !important;
line-height: 1.35;
font-weight: 600 !important;
border-radius: 50px;
letter-spacing: 0;
margin: 0 15px;
padding: 12px;
width: 290px;
position: relative;
cursor: pointer;
transition: all 0.3s;
}
@media (max-width: 1199px) {
#reg .media_wrap_cohort .media .right a,
#reg .media_wrap_cohort .media .right button {
width: 300px;
}
}
@media (max-width: 991px) {
#reg .media_wrap_cohort .media .right a,
#reg .media_wrap_cohort .media .right button {
margin: 5px 7.5px;
padding: 12px;
width: 320px;
}
}
@media (max-width: 767px) {
#reg .media_wrap_cohort .media .right a,
#reg .media_wrap_cohort .media .right button {
margin: 5px 0;
padding: 7px;
width: 270px;
}
}
@media (max-width: 479px) {
#reg .media_wrap_cohort .media .right a,
#reg .media_wrap_cohort .media .right button {
font-size: 12px !important;
font-weight: 500;
}
}
#reg .media_wrap_cohort .media .right a[data-target=morning], #reg .media_wrap_cohort .media .right a.morning,
#reg .media_wrap_cohort .media .right button[data-target=morning],
#reg .media_wrap_cohort .media .right button.morning {
border: 1px solid #D50204;
background: #fff;
color: #D50204;
}
#reg .media_wrap_cohort .media .right a[data-target=morning]:hover, #reg .media_wrap_cohort .media .right a.morning:hover,
#reg .media_wrap_cohort .media .right button[data-target=morning]:hover,
#reg .media_wrap_cohort .media .right button.morning:hover {
background: #D50204;
color: #fff;
}
#reg .media_wrap_cohort .media .right a[data-target=evening], #reg .media_wrap_cohort .media .right a.evening,
#reg .media_wrap_cohort .media .right button[data-target=evening],
#reg .media_wrap_cohort .media .right button.evening {
background: #D50204;
color: #fff;
border: 1px solid #D50204;
}
#reg .media_wrap_cohort .media .right a[data-target=evening]:hover, #reg .media_wrap_cohort .media .right a.evening:hover,
#reg .media_wrap_cohort .media .right button[data-target=evening]:hover,
#reg .media_wrap_cohort .media .right button.evening:hover {
background: transparent;
color: #D50204 !important;
}
#reg .media_wrap_cohort .media .right a.btn-red,
#reg .media_wrap_cohort .media .right button.btn-red {
background: transparent;
border: 1px solid #ff0000;
color: #ff0000;
}
#reg .media_wrap_cohort .media .right a.btn-red:hover,
#reg .media_wrap_cohort .media .right button.btn-red:hover {
background: #ff0000;
color: #fff !important;
}
#reg .media_wrap_cohort .media .right a.btn_active:before,
#reg .media_wrap_cohort .media .right button.btn_active:before {
position: absolute;
content: "✓";
font-family: "entypo";
top: 8px;
right: 15px;
display: block;
font-size: 20px;
}
@media (max-width: 767px) {
#reg .media_wrap_cohort .media .right a.btn_active:before,
#reg .media_wrap_cohort .media .right button.btn_active:before {
font-size: 16px;
top: 5px;
}
}
#reg .media_wrap_cohort .media .right .cohort {
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14.5px !important;
line-height: 20px;
letter-spacing: -0.02em;
color: #8b009b;
padding: 8px 10px;
display: block;
max-width: 205px;
}
#reg .media_wrap_cohort .media .date_time {
font-family: "Inter", sans-serif;
font-style: italic;
font-weight: 400;
font-size: 14px;
line-height: 16px;
text-align: center;
max-width: 135px;
margin: 0 auto;
}
@media (max-width: 767px) {
#reg .media_wrap_cohort .media .date_time {
font-size: 13px;
}
}
#reg .media_wrap_cohort .media .ssn-duration {
margin-bottom: 0;
color: #828282;
font-size: 12px;
}
#reg .media_wrap_cohort .media .module_nr {
color: #8b009b;
font-size: 18px;
line-height: 27px;
font-weight: 600;
margin-right: 20px;
margin-bottom: 0;
min-width: 95px;
}
#reg .media_wrap_cohort .media .ttl {
font-size: 16px;
line-height: 22px;
font-family: "inter";
font-weight: 500;
margin-bottom: 0;
}
@media (max-width: 767px) {
#reg .media_wrap_cohort .media .ttl {
width: 100%;
}
}
#reg .media_wrap {
border: 1px solid #e4e4e4;
margin: 40px 15px 60px;
}
@media (min-width: 480px) {
#reg .media_wrap {
margin: 50px 15px 70px;
}
}
#reg .media_wrap .media {
border-bottom: 1px solid #e4e4e4;
padding: 20px 20px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
justify-content: space-between;
}
#reg .media_wrap .media.row {
margin-left: 0;
margin-right: 0;
}
@media (max-width: 991px) {
#reg .media_wrap .media {
padding: 15px 15px;
justify-content: center;
}
}
@media (max-width: 767px) {
#reg .media_wrap .media {
padding: 15px 0;
}
}
#reg .media_wrap .media .left {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: flex-start;
}
@media (max-width: 991px) {
#reg .media_wrap .media .left .row_img {
display: none !important;
}
}
#reg .media_wrap .media .left svg {
display: block;
}
@media (max-width: 991px) {
#reg .media_wrap .media .left svg {
display: none;
}
}
#reg .media_wrap .media .left .left_info_wr {
display: flex;
flex-wrap: wrap;
position: relative;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}
@media (min-width: 993px) {
#reg .media_wrap .media .left .left_info_wr {
text-align: left;
justify-content: flex-start;
margin-left: 30px;
max-width: calc(100% - 108px);
}
}
#reg .media_wrap .media .left .left_info_wr .live_lbl {
font-size: 14px;
line-height: 1;
font-weight: 600;
color: #fff;
font-family: Poppins, serif;
letter-spacing: 0.7px;
border-radius: 3px;
background: #D50204;
padding: 6px;
margin-right: 10px;
}
#reg .media_wrap .media .left .left_info_wr .time_lbl {
font-size: 14px;
line-height: 1ю4;
font-weight: 600;
color: #0f0f3d;
font-family: Inter, serif;
display: flex;
align-items: center;
}
#reg .media_wrap .media .left .left_info_wr .time_lbl svg {
margin-right: 4px;
}
#reg .media_wrap .media .left .left_info_wr .module_nr {
font-size: 18px;
line-height: 1.4;
font-weight: 600;
color: #0f0f3d;
font-family: Poppins, serif;
margin-bottom: 12px;
margin-top: 12px;
width: 100%;
}
#reg .media_wrap .media .right {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-wrap: wrap;
}
#reg .media_wrap .media .right .date_time {
font-size: 14px;
line-height: 1.2;
font-weight: 500;
color: #0f0f3d;
font-family: Inter, serif;
width: 100%;
max-width: 145px;
padding-right: 15px;
margin-bottom: 0;
}
@media (max-width: 767px) {
#reg .media_wrap .media .right .date_time {
margin-bottom: 10px;
}
}
#reg .media_wrap .media .right .wrap_am,
#reg .media_wrap .media .right .wrap_pm {
width: 100%;
display: flex;
align-items: center;
align-content: center;
justify-content: flex-end;
margin-bottom: 10px;
}
@media (max-width: 991px) {
#reg .media_wrap .media .right .wrap_am,
#reg .media_wrap .media .right .wrap_pm {
text-align: center;
flex-wrap: wrap;
justify-content: center;
}
}
#reg .media_wrap .media .right .check_wrap {
display: flex;
min-width: 200px;
justify-content: center;
min-height: 42px;
}
#reg .media_wrap .media .right .check_wrap label {
position: relative;
margin: 0;
}
#reg .media_wrap .media .right .check_wrap label input[type=checkbox] {
position: absolute;
z-index: -1;
}
#reg .media_wrap .media .right .check_wrap label input[type=checkbox]:checked + .btn .selected, #reg .media_wrap .media .right .check_wrap label #modal_module_completed .modal-body h2 input[type=checkbox]:checked + a .selected, #modal_module_completed .modal-body h2 #reg .media_wrap .media .right .check_wrap label input[type=checkbox]:checked + a .selected, #reg .media_wrap .media .right .check_wrap label .reg_all_links input[type=checkbox]:checked + button .selected, #reg .reg_all_links .media_wrap .media .right .check_wrap label input[type=checkbox]:checked + button .selected,
#reg .media_wrap .media .right .check_wrap label .reg_all_links input[type=checkbox]:checked + a .selected,
#reg .reg_all_links .media_wrap .media .right .check_wrap label input[type=checkbox]:checked + a .selected, #reg .media_wrap .media_wrap_cohort .media .right .check_wrap label input[type=checkbox]:checked + a .selected, #reg .media_wrap_cohort .media_wrap .media .right .check_wrap label input[type=checkbox]:checked + a .selected,
#reg .media_wrap .media_wrap_cohort .media .right .check_wrap label input[type=checkbox]:checked + button .selected,
#reg .media_wrap_cohort .media_wrap .media .right .check_wrap label input[type=checkbox]:checked + button .selected {
display: flex !important;
}
#reg .media_wrap .media .right .check_wrap label input[type=checkbox]:checked + .btn .register, #reg .media_wrap .media .right .check_wrap label #modal_module_completed .modal-body h2 input[type=checkbox]:checked + a .register, #modal_module_completed .modal-body h2 #reg .media_wrap .media .right .check_wrap label input[type=checkbox]:checked + a .register, #reg .media_wrap .media .right .check_wrap label .reg_all_links input[type=checkbox]:checked + button .register, #reg .reg_all_links .media_wrap .media .right .check_wrap label input[type=checkbox]:checked + button .register,
#reg .media_wrap .media .right .check_wrap label .reg_all_links input[type=checkbox]:checked + a .register,
#reg .reg_all_links .media_wrap .media .right .check_wrap label input[type=checkbox]:checked + a .register, #reg .media_wrap .media_wrap_cohort .media .right .check_wrap label input[type=checkbox]:checked + a .register, #reg .media_wrap_cohort .media_wrap .media .right .check_wrap label input[type=checkbox]:checked + a .register,
#reg .media_wrap .media_wrap_cohort .media .right .check_wrap label input[type=checkbox]:checked + button .register,
#reg .media_wrap_cohort .media_wrap .media .right .check_wrap label input[type=checkbox]:checked + button .register {
display: none !important;
}
#reg .media_wrap .media .right .check_wrap label .btn:not(.addeventatc):not(.register), #reg .media_wrap .media .right .check_wrap label #modal_module_completed .modal-body h2 a:not(.addeventatc):not(.register), #modal_module_completed .modal-body h2 #reg .media_wrap .media .right .check_wrap label a:not(.addeventatc):not(.register), #reg .media_wrap .media .right .check_wrap label .reg_all_links button:not(.addeventatc):not(.register), #reg .reg_all_links .media_wrap .media .right .check_wrap label button:not(.addeventatc):not(.register),
#reg .media_wrap .media .right .check_wrap label .reg_all_links a:not(.addeventatc):not(.register),
#reg .reg_all_links .media_wrap .media .right .check_wrap label a:not(.addeventatc):not(.register), #reg .media_wrap .media_wrap_cohort .media .right .check_wrap label a:not(.addeventatc):not(.register), #reg .media_wrap_cohort .media_wrap .media .right .check_wrap label a:not(.addeventatc):not(.register),
#reg .media_wrap .media_wrap_cohort .media .right .check_wrap label button:not(.addeventatc):not(.register),
#reg .media_wrap_cohort .media_wrap .media .right .check_wrap label button:not(.addeventatc):not(.register) {
padding: 0;
}
#reg .media_wrap .media .right .check_wrap label .btn .selected, #reg .media_wrap .media .right .check_wrap label #modal_module_completed .modal-body h2 a .selected, #modal_module_completed .modal-body h2 #reg .media_wrap .media .right .check_wrap label a .selected, #reg .media_wrap .media .right .check_wrap label .reg_all_links button .selected, #reg .reg_all_links .media_wrap .media .right .check_wrap label button .selected,
#reg .media_wrap .media .right .check_wrap label .reg_all_links a .selected,
#reg .reg_all_links .media_wrap .media .right .check_wrap label a .selected, #reg .media_wrap .media_wrap_cohort .media .right .check_wrap label a .selected, #reg .media_wrap_cohort .media_wrap .media .right .check_wrap label a .selected,
#reg .media_wrap .media_wrap_cohort .media .right .check_wrap label button .selected,
#reg .media_wrap_cohort .media_wrap .media .right .check_wrap label button .selected {
font-size: 14px;
line-height: 2;
font-weight: 600;
color: #D50204;
font-family: Poppins, serif;
letter-spacing: -0.28px;
display: none;
align-items: center;
cursor: pointer;
transition: all ease 0.3s;
}
#reg .media_wrap .media .right .check_wrap label .btn .selected:before, #reg .media_wrap .media .right .check_wrap label #modal_module_completed .modal-body h2 a .selected:before, #modal_module_completed .modal-body h2 #reg .media_wrap .media .right .check_wrap label a .selected:before, #reg .media_wrap .media .right .check_wrap label .reg_all_links button .selected:before, #reg .reg_all_links .media_wrap .media .right .check_wrap label button .selected:before,
#reg .media_wrap .media .right .check_wrap label .reg_all_links a .selected:before,
#reg .reg_all_links .media_wrap .media .right .check_wrap label a .selected:before, #reg .media_wrap .media_wrap_cohort .media .right .check_wrap label a .selected:before, #reg .media_wrap_cohort .media_wrap .media .right .check_wrap label a .selected:before,
#reg .media_wrap .media_wrap_cohort .media .right .check_wrap label button .selected:before,
#reg .media_wrap_cohort .media_wrap .media .right .check_wrap label button .selected:before {
content: "✓";
font-family: Entypo, serif;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
width: 30px;
height: 30px;
border: 1px solid #D50204;
margin-right: 10px;
}
#reg .media_wrap .media .right .check_wrap label .btn .selected:hover, #reg .media_wrap .media .right .check_wrap label #modal_module_completed .modal-body h2 a .selected:hover, #modal_module_completed .modal-body h2 #reg .media_wrap .media .right .check_wrap label a .selected:hover, #reg .media_wrap .media .right .check_wrap label .reg_all_links button .selected:hover, #reg .reg_all_links .media_wrap .media .right .check_wrap label button .selected:hover,
#reg .media_wrap .media .right .check_wrap label .reg_all_links a .selected:hover,
#reg .reg_all_links .media_wrap .media .right .check_wrap label a .selected:hover, #reg .media_wrap .media_wrap_cohort .media .right .check_wrap label a .selected:hover, #reg .media_wrap_cohort .media_wrap .media .right .check_wrap label a .selected:hover,
#reg .media_wrap .media_wrap_cohort .media .right .check_wrap label button .selected:hover,
#reg .media_wrap_cohort .media_wrap .media .right .check_wrap label button .selected:hover {
opacity: 0.6;
}
#reg .media_wrap .media .right .btn.disabled, #reg .media_wrap .media .right #modal_module_completed .modal-body h2 a.disabled, #modal_module_completed .modal-body h2 #reg .media_wrap .media .right a.disabled, #reg .media_wrap .media .right .reg_all_links button.disabled, #reg .reg_all_links .media_wrap .media .right button.disabled,
#reg .media_wrap .media .right .reg_all_links a.disabled,
#reg .reg_all_links .media_wrap .media .right a.disabled, #reg .media_wrap .media_wrap_cohort .media .right a.disabled, #reg .media_wrap_cohort .media_wrap .media .right a.disabled,
#reg .media_wrap .media_wrap_cohort .media .right button.disabled,
#reg .media_wrap_cohort .media_wrap .media .right button.disabled,
#reg .media_wrap .media .right .addeventatc,
#reg .media_wrap .media .right .register,
#reg .media_wrap .media .right .selected {
font-size: 14px;
line-height: 1;
font-weight: 600;
font-family: Poppins, serif;
letter-spacing: -0.28px;
display: inline-flex;
padding: 0 20px;
justify-content: center;
align-items: center;
border-radius: 3px;
height: 40px;
transition: all ease 0.3s;
cursor: pointer;
text-shadow: unset !important;
box-shadow: unset !important;
background: unset !important;
}
@media (min-width: 576px) {
#reg .media_wrap .media .right .btn.disabled, #reg .media_wrap .media .right #modal_module_completed .modal-body h2 a.disabled, #modal_module_completed .modal-body h2 #reg .media_wrap .media .right a.disabled, #reg .media_wrap .media .right .reg_all_links button.disabled, #reg .reg_all_links .media_wrap .media .right button.disabled,
#reg .media_wrap .media .right .reg_all_links a.disabled,
#reg .reg_all_links .media_wrap .media .right a.disabled, #reg .media_wrap .media_wrap_cohort .media .right a.disabled, #reg .media_wrap_cohort .media_wrap .media .right a.disabled,
#reg .media_wrap .media_wrap_cohort .media .right button.disabled,
#reg .media_wrap_cohort .media_wrap .media .right button.disabled,
#reg .media_wrap .media .right .addeventatc,
#reg .media_wrap .media .right .register,
#reg .media_wrap .media .right .selected {
min-width: 200px;
}
}
#reg .media_wrap .media .right .btn.disabled .icon-calendar, #reg .media_wrap .media .right #modal_module_completed .modal-body h2 a.disabled .icon-calendar, #modal_module_completed .modal-body h2 #reg .media_wrap .media .right a.disabled .icon-calendar, #reg .media_wrap .media .right .reg_all_links button.disabled .icon-calendar, #reg .reg_all_links .media_wrap .media .right button.disabled .icon-calendar,
#reg .media_wrap .media .right .reg_all_links a.disabled .icon-calendar,
#reg .reg_all_links .media_wrap .media .right a.disabled .icon-calendar, #reg .media_wrap .media_wrap_cohort .media .right a.disabled .icon-calendar, #reg .media_wrap_cohort .media_wrap .media .right a.disabled .icon-calendar,
#reg .media_wrap .media_wrap_cohort .media .right button.disabled .icon-calendar,
#reg .media_wrap_cohort .media_wrap .media .right button.disabled .icon-calendar,
#reg .media_wrap .media .right .addeventatc .icon-calendar,
#reg .media_wrap .media .right .register .icon-calendar,
#reg .media_wrap .media .right .selected .icon-calendar {
margin-right: 10px;
font-size: 18px;
}
#reg .media_wrap .media .right .btn.disabled .addeventatc_icon, #reg .media_wrap .media .right #modal_module_completed .modal-body h2 a.disabled .addeventatc_icon, #modal_module_completed .modal-body h2 #reg .media_wrap .media .right a.disabled .addeventatc_icon, #reg .media_wrap .media .right .reg_all_links button.disabled .addeventatc_icon, #reg .reg_all_links .media_wrap .media .right button.disabled .addeventatc_icon,
#reg .media_wrap .media .right .reg_all_links a.disabled .addeventatc_icon,
#reg .reg_all_links .media_wrap .media .right a.disabled .addeventatc_icon, #reg .media_wrap .media_wrap_cohort .media .right a.disabled .addeventatc_icon, #reg .media_wrap_cohort .media_wrap .media .right a.disabled .addeventatc_icon,
#reg .media_wrap .media_wrap_cohort .media .right button.disabled .addeventatc_icon,
#reg .media_wrap_cohort .media_wrap .media .right button.disabled .addeventatc_icon,
#reg .media_wrap .media .right .addeventatc .addeventatc_icon,
#reg .media_wrap .media .right .register .addeventatc_icon,
#reg .media_wrap .media .right .selected .addeventatc_icon {
display: none;
}
#reg .media_wrap .media .right .btn.disabled, #reg .media_wrap .media .right #modal_module_completed .modal-body h2 a.disabled, #modal_module_completed .modal-body h2 #reg .media_wrap .media .right a.disabled, #reg .media_wrap .media .right .reg_all_links button.disabled, #reg .reg_all_links .media_wrap .media .right button.disabled,
#reg .media_wrap .media .right .reg_all_links a.disabled,
#reg .reg_all_links .media_wrap .media .right a.disabled, #reg .media_wrap .media_wrap_cohort .media .right a.disabled, #reg .media_wrap_cohort .media_wrap .media .right a.disabled,
#reg .media_wrap .media_wrap_cohort .media .right button.disabled,
#reg .media_wrap_cohort .media_wrap .media .right button.disabled,
#reg .media_wrap .media .right .register {
border: 1px solid #D50204;
color: #D50204 !important;
}
#reg .media_wrap .media .right .btn.disabled:hover, #reg .media_wrap .media .right #modal_module_completed .modal-body h2 a.disabled:hover, #modal_module_completed .modal-body h2 #reg .media_wrap .media .right a.disabled:hover, #reg .media_wrap .media .right .reg_all_links button.disabled:hover, #reg .reg_all_links .media_wrap .media .right button.disabled:hover,
#reg .media_wrap .media .right .reg_all_links a.disabled:hover,
#reg .reg_all_links .media_wrap .media .right a.disabled:hover, #reg .media_wrap .media_wrap_cohort .media .right a.disabled:hover, #reg .media_wrap_cohort .media_wrap .media .right a.disabled:hover,
#reg .media_wrap .media_wrap_cohort .media .right button.disabled:hover,
#reg .media_wrap_cohort .media_wrap .media .right button.disabled:hover,
#reg .media_wrap .media .right .register:hover {
background: #D50204 !important;
color: #fff !important;
}
#reg .media_wrap .media .right .selected {
border: 1px solid transparent;
}
#reg .media_wrap .media .right .addeventatc {
color: #fff !important;
background: #D50204 !important;
}
#reg .media_wrap .media .right .addeventatc:hover {
color: #D50204 !important;
border: 1px solid #D50204;
background: transparent !important;
}
#reg .card {
box-shadow: none;
margin: 0;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #e0e0e0;
border-radius: 0;
background: #fff;
padding: 0;
}
#reg .card:last-child {
border-bottom: 1px solid #ddd;
}
#reg .card .card-header {
box-shadow: none;
}
#reg .card .card-header a {
margin: auto;
bottom: 50%;
right: 0px;
top: 50%;
}
#reg .card .card-header h5 {
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
padding: 18px 60px 18px 30px;
width: 100%;
border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 639px) {
#reg .card .card-header h5 {
flex-wrap: wrap;
justify-content: flex-start;
}
}
@media (max-width: 479px) {
#reg .card .card-header h5 {
font-size: 18px;
font-weight: 700;
color: #D50204;
padding: 12px 60px 12px 12px;
}
}
#reg .card .card-header h5 .ttl {
color: #D50204;
}
#reg .card .card-header h5 .event-time {
font-size: 12px;
font-style: italic;
font-weight: 400;
color: #000;
min-width: 150px;
text-align: center;
}
@media (max-width: 639px) {
#reg .card .card-header h5 .event-time {
margin-top: 10px;
text-align: left;
}
}
#reg .card .card-header h5 p {
font-size: 15px;
font-weight: 500;
color: #000;
margin: 0;
}
@media (max-width: 639px) {
#reg .card .card-header h5 p {
line-height: 20px;
}
}
#reg .card .card-body {
padding: 2px 28px 10px;
border-top: 0;
}
@media (max-width: 991px) {
#reg .card .card-body {
padding: 0 15px;
border: none;
}
}
#reg .card h3 {
font-size: 18px;
font-weight: 500;
color: #000;
margin: 0 15px 0 0;
}
@media (max-width: 1199px) {
#reg .card h3 {
font-size: 18px;
}
}
@media (max-width: 991px) {
#reg .card h3 {
max-width: 480px;
margin: 0 auto 20px;
}
}
#reg .card h5 {
padding-left: 28px;
}
@media (max-width: 991px) {
#reg .card h5 {
padding-left: 15px;
}
}
#reg .card p {
font-size: 17px;
line-height: 1.8em;
font-weight: 500;
color: #D50204;
margin: 0;
}
#reg .card p.date {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
font-style: italic;
color: #000;
margin: 3px 0 0;
}
@media (max-width: 767px) {
#reg .card p.date {
font-size: 13px;
margin: 0;
}
}
#reg .card .inner {
border-bottom: 1px solid #ddd;
padding: 30px 0 20px;
}
@media (max-width: 991px) {
#reg .card .inner {
padding: 40px 0 15px;
text-align: center;
}
}
#reg .card .inner:last-child {
border: none;
}
#reg .card .sssn {
margin: 0 0 0px;
float: none;
clear: both;
}
@media (max-width: 991px) {
#reg .card .sssn {
margin: 25px 0;
display: table;
width: 100%;
}
}
@media (max-width: 639px) {
#reg .card .sssn {
margin: 5px 0 10px;
}
}
#reg .card .side {
float: left;
}
#reg .card .side.left {
width: 45.5%;
}
@media (max-width: 991px) {
#reg .card .side.left {
width: 40%;
}
}
@media (max-width: 991px) {
#reg .card .side.left {
width: 100%;
}
}
#reg .card .side.right {
width: 54.5%;
}
@media (max-width: 767px) {
#reg .card .side.right {
width: 60%;
}
}
@media (max-width: 991px) {
#reg .card .side.right {
width: 100%;
}
}
#reg .card .side.right .sssn {
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
margin-bottom: 10px;
}
#reg .card .side.right .sssn .date_time {
font-size: 14px;
text-align: center;
width: 50%;
}
@media (max-width: 767px) {
#reg .card .side.right .sssn .date_time {
width: 100%;
margin-bottom: 6px;
}
}
@media (max-width: 991px) {
#reg .card .side.right .sssn {
flex-wrap: wrap;
justify-content: center;
}
}
#reg .card .side .date_wrap,
#reg .card .side .btn_wrap {
float: left;
display: inline-block;
}
@media (max-width: 767px) {
#reg .card .side .date_wrap,
#reg .card .side .btn_wrap {
float: none;
clear: both;
}
}
#reg .card .side .date_wrap {
width: 50%;
}
@media (max-width: 767px) {
#reg .card .side .date_wrap {
width: 100%;
}
}
#reg .card .side .btn_wrap {
width: 47%;
}
@media (max-width: 479px) {
#reg .card .side .btn_wrap {
width: 100%;
}
}
#reg .card .side .btn_wrap > form {
padding: 0;
background: transparent;
}
#reg .card .side .btn_wrap > form.loading:before {
opacity: 0;
}
#reg .card .side .btn_wrap > form.loading .loader {
display: none;
}
#reg .card .side .btn_wrap > form .btn.btn-blue, #reg .card .side .btn_wrap > form #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #reg .card .side .btn_wrap > form a.btn-blue, #reg .card .side .btn_wrap > form .reg_all_links button.btn-blue, #reg .reg_all_links .card .side .btn_wrap > form button.btn-blue,
#reg .card .side .btn_wrap > form .reg_all_links a.btn-blue,
#reg .reg_all_links .card .side .btn_wrap > form a.btn-blue, #reg .card .side .btn_wrap > form .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right .card .side .btn_wrap > form a.btn-blue,
#reg .card .side .btn_wrap > form .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right .card .side .btn_wrap > form button.btn-blue {
margin: 0 auto 0;
padding: 13px 17px 12px;
transition: all 0.2s;
font-size: 13px;
}
@media (max-width: 991px) {
#reg .card .side .btn_wrap > form .btn.btn-blue, #reg .card .side .btn_wrap > form #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #reg .card .side .btn_wrap > form a.btn-blue, #reg .card .side .btn_wrap > form .reg_all_links button.btn-blue, #reg .reg_all_links .card .side .btn_wrap > form button.btn-blue,
#reg .card .side .btn_wrap > form .reg_all_links a.btn-blue,
#reg .reg_all_links .card .side .btn_wrap > form a.btn-blue, #reg .card .side .btn_wrap > form .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right .card .side .btn_wrap > form a.btn-blue,
#reg .card .side .btn_wrap > form .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right .card .side .btn_wrap > form button.btn-blue {
max-width: 290px;
}
}
#reg .card .side .btn_wrap .addeventatc {
padding: 13px 17px 12px;
transition: all 0.2s;
font-size: 13px;
}
#reg .card .side .btn_wrap .addeventatc .addeventatc_icon {
display: none;
}
#reg .card .side .btn_wrap .addeventatc.AM {
background: #fff !important;
color: #D50204 !important;
}
#reg .card .side .btn_wrap .addeventatc.AM:hover {
background: #D50204 !important;
color: #fff !important;
}
#reg .card .side .btn_wrap .addeventatc.PM {
background: #D50204;
color: #fff !important;
}
#reg .card .side .btn_wrap .addeventatc.PM:hover {
background: #fff !important;
color: #D50204 !important;
}
#reg .card label {
font: 500 14px "Poppins";
display: inline-table;
position: relative;
line-height: 1.1em;
text-align: right;
cursor: pointer;
width: initial;
width: 100%;
margin: 0;
}
@media (max-width: 991px) {
#reg .card label {
max-width: 290px;
}
}
#reg .card label.disabled {
pointer-events: none;
}
#reg .card label .btn, #reg .card label #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #reg .card label a, #reg .card label .reg_all_links button, #reg .reg_all_links .card label button,
#reg .card label .reg_all_links a,
#reg .reg_all_links .card label a, #reg .card label .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right .card label a,
#reg .card label .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .card label button {
font-size: 14px;
font-weight: 600;
border-radius: 50px;
letter-spacing: 0;
padding: 9px 8px;
margin: 7px 0;
width: 100%;
border-radius: 0;
}
#reg .card label .btn.btn-blue, #reg .card label #modal_module_completed .modal-body h2 a.btn-blue, #modal_module_completed .modal-body h2 #reg .card label a.btn-blue, #reg .card label .reg_all_links button.btn-blue, #reg .reg_all_links .card label button.btn-blue,
#reg .card label .reg_all_links a.btn-blue,
#reg .reg_all_links .card label a.btn-blue, #reg .card label .media_wrap_cohort .media .right a.btn-blue, #reg .media_wrap_cohort .media .right .card label a.btn-blue,
#reg .card label .media_wrap_cohort .media .right button.btn-blue,
#reg .media_wrap_cohort .media .right .card label button.btn-blue {
border: 1px solid #D50204;
}
#reg .card label .btn.btn-blue:hover, #reg .card label #modal_module_completed .modal-body h2 a.btn-blue:hover, #modal_module_completed .modal-body h2 #reg .card label a.btn-blue:hover, #reg .card label .reg_all_links button.btn-blue:hover, #reg .reg_all_links .card label button.btn-blue:hover,
#reg .card label .reg_all_links a.btn-blue:hover,
#reg .reg_all_links .card label a.btn-blue:hover, #reg .card label .media_wrap_cohort .media .right a.btn-blue:hover, #reg .media_wrap_cohort .media .right .card label a.btn-blue:hover,
#reg .card label .media_wrap_cohort .media .right button.btn-blue:hover,
#reg .media_wrap_cohort .media .right .card label button.btn-blue:hover {
color: #D50204 !important;
background: transparent;
}
#reg .card label .selected {
display: none;
}
#reg .card label input[type=checkbox] {
position: absolute;
opacity: 0;
height: 0;
width: 0;
}
#reg .card label input[type=checkbox]:checked + .btn, #reg .card label #modal_module_completed .modal-body h2 input[type=checkbox]:checked + a, #modal_module_completed .modal-body h2 #reg .card label input[type=checkbox]:checked + a, #reg .card label .reg_all_links input[type=checkbox]:checked + button, #reg .reg_all_links .card label input[type=checkbox]:checked + button,
#reg .card label .reg_all_links input[type=checkbox]:checked + a,
#reg .reg_all_links .card label input[type=checkbox]:checked + a, #reg .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + a, #reg .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + a,
#reg .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + button,
#reg .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + button {
border: 1px solid transparent;
color: #01a860 !important;
background: transparent;
}
#reg .card label input[type=checkbox]:checked + .btn .register, #reg .card label #modal_module_completed .modal-body h2 input[type=checkbox]:checked + a .register, #modal_module_completed .modal-body h2 #reg .card label input[type=checkbox]:checked + a .register, #reg .card label .reg_all_links input[type=checkbox]:checked + button .register, #reg .reg_all_links .card label input[type=checkbox]:checked + button .register,
#reg .card label .reg_all_links input[type=checkbox]:checked + a .register,
#reg .reg_all_links .card label input[type=checkbox]:checked + a .register, #reg .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + a .register, #reg .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + a .register,
#reg .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + button .register,
#reg .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + button .register {
display: none;
}
#reg .card label input[type=checkbox]:checked + .btn .selected, #reg .card label #modal_module_completed .modal-body h2 input[type=checkbox]:checked + a .selected, #modal_module_completed .modal-body h2 #reg .card label input[type=checkbox]:checked + a .selected, #reg .card label .reg_all_links input[type=checkbox]:checked + button .selected, #reg .reg_all_links .card label input[type=checkbox]:checked + button .selected,
#reg .card label .reg_all_links input[type=checkbox]:checked + a .selected,
#reg .reg_all_links .card label input[type=checkbox]:checked + a .selected, #reg .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + a .selected, #reg .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + a .selected,
#reg .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + button .selected,
#reg .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + button .selected {
display: inline;
}
#reg .card label input[type=checkbox]:checked + .btn .icon-check, #reg .card label #modal_module_completed .modal-body h2 input[type=checkbox]:checked + a .icon-check, #modal_module_completed .modal-body h2 #reg .card label input[type=checkbox]:checked + a .icon-check, #reg .card label .reg_all_links input[type=checkbox]:checked + button .icon-check, #reg .reg_all_links .card label input[type=checkbox]:checked + button .icon-check,
#reg .card label .reg_all_links input[type=checkbox]:checked + a .icon-check,
#reg .reg_all_links .card label input[type=checkbox]:checked + a .icon-check, #reg .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + a .icon-check, #reg .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + a .icon-check,
#reg .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + button .icon-check,
#reg .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + button .icon-check {
color: #01a860;
font-size: 17px;
}
#reg .card label input[type=checkbox]:checked + .btn:hover, #reg .card label #modal_module_completed .modal-body h2 input[type=checkbox]:checked + a:hover, #modal_module_completed .modal-body h2 #reg .card label input[type=checkbox]:checked + a:hover, #reg .card label .reg_all_links input[type=checkbox]:checked + button:hover, #reg .reg_all_links .card label input[type=checkbox]:checked + button:hover,
#reg .card label .reg_all_links input[type=checkbox]:checked + a:hover,
#reg .reg_all_links .card label input[type=checkbox]:checked + a:hover, #reg .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + a:hover, #reg .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + a:hover,
#reg .card label .media_wrap_cohort .media .right input[type=checkbox]:checked + button:hover,
#reg .media_wrap_cohort .media .right .card label input[type=checkbox]:checked + button:hover {
border: 1px solid #ddd;
background: #fff;
}
.cohort_banner {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: 312px;
padding: 20px;
border-radius: 15px;
overflow: hidden;
color: #fff;
width: calc(100% - 30px);
margin: 50px auto 0;
}
@media (min-width: 768px) {
.cohort_banner {
margin: 18px auto 0;
}
}
@media (min-width: 992px) {
.cohort_banner {
padding: 35px;
width: 100%;
}
}
.cohort_banner .ttl {
font-size: 20px;
line-height: 1.5;
font-weight: 600;
margin-top: 20px;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.cohort_banner .ttl {
font-size: 28px;
margin-top: 50px;
}
}
.cohort_banner p span {
font-size: 10px;
line-height: 22px;
font-weight: 600;
border: 1px solid #fff;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 100%;
height: 20px;
width: 20px;
margin-right: 5px;
}
.cohort_banner .txt {
line-height: 1.4;
margin-top: 15px;
margin-bottom: 0;
}
.cohorts_schedule {
margin-top: 50px;
}
.cohorts_schedule .cohorts_schedule_wr {
border: 1px solid #e0e0e0;
}
.cohorts_schedule .cohorts_schedule_wr.overflowscroll {
flex-wrap: wrap;
}
.cohorts_schedule .cohorts_schedule_wr .cohort_item {
padding: 20px 0;
flex-direction: column;
}
@media (min-width: 992px) {
.cohorts_schedule .cohorts_schedule_wr .cohort_item {
padding: 30px 0;
flex-direction: row;
}
}
.cohorts_schedule .cohorts_schedule_wr .cohort_item:nth-last-child(n+2) {
border-bottom: 1px solid #e0e0e0;
}
.cohorts_schedule .cohorts_schedule_wr .cohort_item .ttl {
margin-bottom: 20px;
font-size: 16px;
line-height: 1;
font-weight: 600;
color: #6e19a2;
}
@media (min-width: 992px) {
.cohorts_schedule .cohorts_schedule_wr .cohort_item .ttl {
padding-left: 30px;
width: 150px;
margin-bottom: 0;
}
}
.cohorts_schedule .cohorts_schedule_wr .cohort_item .start_date span,
.cohorts_schedule .cohorts_schedule_wr .cohort_item .end_date span {
font-size: 14px;
line-height: 1;
font-weight: 400;
font-style: italic;
color: #828282;
margin-right: 5px;
}
@media (min-width: 992px) {
.cohorts_schedule .cohorts_schedule_wr .cohort_item .start_date,
.cohorts_schedule .cohorts_schedule_wr .cohort_item .end_date {
width: 195px;
}
}
.cohorts_schedule .cohorts_schedule_wr .cohort_item svg {
margin: 10px 0;
transform: rotate(90deg);
}
@media (min-width: 992px) {
.cohorts_schedule .cohorts_schedule_wr .cohort_item svg {
margin: 0 30px 0 0;
transform: unset;
}
}
.cohorts_schedule .cohorts_schedule_wr .cohort_item .df-popup-button {
width: 290px;
padding: 0;
margin: 20px 0;
}
@media (min-width: 992px) {
.cohorts_schedule .cohorts_schedule_wr .cohort_item .df-popup-button {
margin: 0 0 0 20px;
width: 138px;
}
}
.cohorts_schedule .cohorts_schedule_wr .cohort_item .bordered_bt.view_schedule_bt {
width: 290px;
margin-left: 20px;
}
@media (min-width: 992px) {
.cohorts_schedule .cohorts_schedule_wr .cohort_item .bordered_bt.view_schedule_bt {
width: 138px;
}
}
.cohorts_schedule .cohorts_schedule_wr .cohort_item .violet_btn.select_cohort {
width: 290px;
margin-left: 20px;
margin-right: 20px;
}
@media (min-width: 992px) {
.cohorts_schedule .cohorts_schedule_wr .cohort_item .violet_btn.select_cohort {
width: 140px;
}
}
.modal#modal_cohort .modal-dialog {
max-width: 560px;
}
.modal#modal_cohort .modal-dialog .modal-header {
background: #fff;
color: #000;
padding: 0;
border-bottom: unset;
}
.modal#modal_cohort .modal-dialog .modal-header .modal-title {
padding: 0;
}
.modal#modal_cohort .modal-dialog .modal-header button {
font-size: 0;
right: 30px;
top: 30px;
font-weight: 600;
color: #9f19ce;
padding: 0;
}
.modal#modal_cohort .modal-dialog .modal-header button:before {
content: "";
display: block;
width: 14px;
height: 14px;
transition: all ease 0.3s;
opacity: 1;
background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1px), #9f19ce 50%, rgba(0, 0, 0, 0) calc(50% + 1px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1px), #9f19ce 50%, rgba(0, 0, 0, 0) calc(50% + 1px), rgba(0, 0, 0, 0) 100%);
}
.modal#modal_cohort .modal-dialog .row {
padding: 50px 0px 30px;
}
.modal#modal_cohort .modal-dialog .row .txt {
font-size: 18px;
line-height: 1.5;
font-weight: 500;
color: #000;
}
.modal#modal_cohort .modal-dialog .row .modal_bt_wr {
text-align: center;
position: relative;
margin: 30px 0 0 0;
}
.modal#modal_cohort .modal-dialog .row .modal_bt_wr .alert {
position: absolute;
bottom: -34px;
left: 0;
width: 100%;
margin-bottom: 0;
}
.modal#modal_cohort .modal-dialog .row .modal_bt_wr .violet_btn {
width: 93px;
margin-left: 20px;
}
.modal#modal_cohort .modal-dialog .row .modal_bt_wr .bordered_bt {
width: 84px;
}
.violet_btn {
font-size: 14px;
line-height: 1;
font-weight: 600;
color: #fff;
height: 33px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #9f19ce;
border-radius: 2px;
text-transform: uppercase;
transition: all ease 0.3s;
background: #9f19ce;
}
.violet_btn:hover {
border: 1px solid #9f19ce;
background: #fff;
color: #9f19ce;
text-decoration: none;
}
body .df-popup-button,
.bordered_bt {
font-size: 14px;
line-height: 1;
font-weight: 600;
color: #9f19ce;
height: 33px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #9f19ce;
border-radius: 2px;
text-transform: uppercase;
transition: all ease 0.3s;
background: #fff;
}
body .df-popup-button:hover,
.bordered_bt:hover {
color: #fff;
background: #9f19ce;
text-decoration: none;
}
.cal_info {
font-size: 14px;
line-height: 1;
font-weight: 500;
color: #000;
font-family: Poppins, serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
letter-spacing: -0.28px;
width: 250px;
margin: 40px auto 0;
}
@media (min-width: 480px) {
.cal_info {
margin-top: 50px;
}
}
@media (min-width: 768px) {
.cal_info {
margin-top: 50px;
}
}
.cal_info button.btn, .cal_info #reg .reg_all_links button, #reg .reg_all_links .cal_info button,
.cal_info #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right .cal_info button {
font-size: 14px;
line-height: 1;
font-weight: 600;
color: #fff;
font-family: Poppins, serif;
display: inline-flex;
align-items: center;
height: 40px;
padding: 0 32px;
border-radius: 2px;
background: #D50204;
letter-spacing: -0.28px;
margin-top: 15px;
border: 1px solid #D50204;
justify-content: center;
}
.cal_info button.btn:hover, .cal_info #reg .reg_all_links button:hover, #reg .reg_all_links .cal_info button:hover,
.cal_info #reg .media_wrap_cohort .media .right button:hover,
#reg .media_wrap_cohort .media .right .cal_info button:hover {
color: #D50204;
background: #fff;
}
.cal_info button.btn.disabled, .cal_info #reg .reg_all_links button.disabled, #reg .reg_all_links .cal_info button.disabled,
.cal_info #reg .media_wrap_cohort .media .right button.disabled,
#reg .media_wrap_cohort .media .right .cal_info button.disabled {
pointer-events: none;
}
.content_wr h2 {
font-size: 26px;
line-height: 1;
font-weight: 600;
color: #fff;
font-family: Poppins, serif;
margin: 0 0 26px;
}
@media (max-width: 767px) {
.content_wr h2 {
font-size: 24px;
}
}
@media (max-width: 639px) {
.content_wr h2 {
font-size: 24px;
}
}
@media (max-width: 479px) {
.content_wr h2 {
font-size: 20px;
}
}
.content_wr p {
font-size: 13px;
line-height: 1.2;
font-weight: 400;
color: #fff;
font-family: Poppins, serif;
margin: 0 0 10px;
}
.content_wr p span {
font-size: 10px;
line-height: 22px;
font-weight: 600;
border: 1px solid #fff;
margin: -2px 8px 0 0;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
height: 16px;
width: 16px;
}
.content_wr p a {
color: #D50204;
}
@media (max-width: 479px) {
.content_wr p br {
display: none;
}
}
.content_wr ol {
list-style: none;
counter-reset: point;
padding: 0;
margin: 0 0 20px;
}
.content_wr ol li {
list-style: none;
position: relative;
padding-left: 30px;
line-height: 1.2;
color: #fff;
}
.content_wr ol li:before {
content: counter(point);
position: absolute;
counter-increment: point;
top: 50%;
transform: translate(0, -50%);
left: 0;
border: 1px solid #fff;
font-size: 10px;
line-height: 22px;
font-weight: 600;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 100%;
height: 20px;
width: 20px;
}
.content_wr ol li:nth-last-child(n+2) {
margin-bottom: 15px;
}
#mmbrs_tc-cont {
padding: 35px 15px 50px;
min-height: 600px;
}
@media (max-width: 767px) {
#mmbrs_tc-cont {
padding: 15px 15px 50px;
}
}
.progress_wrap {
z-index: 2;
position: relative;
display: block;
max-width: 120px;
margin: 20px 0 0 auto;
}
.progress_wrap .progress {
width: 120px;
height: 120px;
background: none;
position: relative;
overflow: visible;
}
.progress_wrap .progress:after {
content: "";
width: 114px;
height: 114px;
border-radius: 50%;
border: 2px solid #ddd;
position: absolute;
top: 3px;
left: 3px;
box-sizing: border-box;
}
.progress_wrap .progress > span {
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.progress_wrap .progress .progress-bar {
width: 57px;
height: 114px;
background: none;
border-width: 2px;
border-style: solid;
position: absolute;
top: 2px;
background-color: none;
}
.progress_wrap .progress .progress-bar:after {
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
border-radius: 7px;
margin: 0 0 -3px -4px;
background: #D50204;
background: #fff;
bottom: 100%;
left: 100%;
}
.progress_wrap .progress .progress-left {
left: 0;
}
.progress_wrap .progress .progress-left .progress-bar {
left: 100%;
border-top-right-radius: 57px;
border-bottom-right-radius: 57px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.progress_wrap .progress .progress-left .progress-bar:after {
bottom: auto;
left: auto;
right: 100%;
top: 100%;
margin: -3px -4px 0px 0px;
}
.progress_wrap .progress .progress-right {
right: 0;
}
.progress_wrap .progress .progress-right .progress-bar {
left: -57px;
border-top-left-radius: 57px;
border-bottom-left-radius: 57px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
}
.progress_wrap .progress .progress-right .progress-bar.full:after {
display: none;
}
.progress_wrap .progress[data-value="0.00"] .progress-left .progress-bar:after, .progress_wrap .progress[data-value="0"] .progress-left .progress-bar:after {
display: none;
}
.progress_wrap .progress[data-value="0.00"] .progress-right, .progress_wrap .progress[data-value="0"] .progress-right {
overflow: visible;
z-index: 3;
}
.progress_wrap .progress[data-value="0.00"] .progress-right .progress-bar, .progress_wrap .progress[data-value="0"] .progress-right .progress-bar {
border-color: #ddd !important;
}
.progress_wrap .progress[data-value="0.00"]:after, .progress_wrap .progress[data-value="0"]:after {
z-index: 2;
}
.progress_wrap .progress[data-value="50.00"] .progress-right, .progress_wrap .progress[data-value="50"] .progress-right {
overflow: visible;
}
.progress_wrap .progress[data-value="100.00"] .progress-left, .progress_wrap .progress[data-value="100"] .progress-left {
overflow: visible;
}
.progress_wrap .progress .progress-value {
justify-content: center;
flex-direction: column;
align-items: center;
position: absolute;
font-size: 24px;
display: flex;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
@media (max-width: 767px) {
.progress_wrap .progress .progress-value {
font-size: 20px;
}
}
.progress_wrap .progress .progress-value .h2 {
font-weight: 700;
font-size: 26px;
margin-bottom: 2px;
}
@media (max-width: 767px) {
.progress_wrap .progress .progress-value .h2 {
font-size: 20px;
}
}
.progress_wrap .progress .progress-value span {
font-size: 12px;
font-weight: 400;
}
@media (max-width: 767px) {
.progress_wrap .progress .progress-value span {
font-size: 13px;
}
}
#banner.faq {
padding: 90px 0 166px;
background: #D50204;
}
@media (max-width: 991px) {
#banner.faq {
padding: 50px 0 90px;
}
}
@media (max-width: 639px) {
#banner.faq {
padding: 30px 0;
}
}
#banner.faq h1 {
font-size: 38px;
line-height: 1.3em;
font-weight: 700;
margin: 8px 0 15px;
}
@media (max-width: 1199px) {
#banner.faq h1 {
font-size: 36px;
}
}
@media (max-width: 991px) {
#banner.faq h1 {
font-size: 32px;
}
}
@media (max-width: 767px) {
#banner.faq h1 {
font-size: 28px;
}
}
@media (max-width: 479px) {
#banner.faq h1 {
font-size: 24px;
}
}
@media (max-width: 479px) {
#banner.faq h1 br {
display: none;
}
}
#banner.faq h4 {
font-size: 18px;
}
@media (max-width: 1199px) {
#banner.faq h4 {
font-size: 16px;
}
}
@media (max-width: 479px) {
#program_faq {
padding-left: 0;
padding-right: 0;
}
}
#program_faq .accordion {
max-width: 950px;
margin: -73px auto 150px;
}
@media (max-width: 1199px) {
#program_faq .accordion {
margin-top: -67px;
}
}
@media (max-width: 767px) {
#program_faq .accordion {
margin-bottom: 100px;
}
}
@media (max-width: 639px) {
#program_faq .accordion {
margin-bottom: 70px;
margin-top: 0;
}
}
#program_faq .accordion .card {
margin: 0;
border: 1px solid #ececec;
}
#program_faq .accordion .card:not(:first-child) {
border-top: none;
}
#program_faq .accordion .card h5 {
font-size: 20px;
font-weight: 600;
font-family: "Poppins", serif;
}
@media (max-width: 1199px) {
#program_faq .accordion .card h5 {
font-size: 18px;
}
}
@media (max-width: 639px) {
#program_faq .accordion .card h5 {
font-size: 18px;
}
}
#program_faq .accordion .card-header a {
width: 30px;
height: 30px;
}
#program_faq .accordion .card-header a .icon {
font-size: 14px;
line-height: 30px;
}
#program_faq .accordion .card-header a .icon span {
font-size: 14px;
line-height: 30px;
}
#program_faq .accordion .card-header .open_wrap span {
font-size: 14px;
line-height: 30px;
}
#program_faq .accordion .card-body {
border-top: 1px solid #ececec;
}
#program_faq .accordion .card-body p {
font-size: 18px;
}
@media (max-width: 639px) {
#program_faq .accordion .card-body p {
font-size: 16px;
}
}
#program_faq .accordion .card-body p:last-child {
margin-bottom: 20px;
}
#program_faq .accordion .card-body a {
color: #D50204;
}
#program_faq .accordion .card-body ul {
margin-bottom: 40px;
padding-left: 22px;
}
@media (max-width: 991px) {
#program_faq .accordion .card-body ul {
margin-bottom: 22px;
}
}
#program_faq .accordion .card-body ul li {
font-size: 18px;
line-height: 1.8em;
color: #666;
margin-bottom: 7px;
}
@media (max-width: 639px) {
#program_faq .accordion .card-body ul li {
font-size: 16px;
line-height: 1.5em;
}
}
#survey {
max-width: 1100px;
margin: 80px auto;
box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.15);
border-radius: 6px;
overflow: initial;
display: flex;
min-height: 500px;
}
@media (max-width: 991px) {
#survey {
flex-wrap: wrap;
max-width: 700px;
margin-top: 50px;
}
}
@media (max-width: 639px) {
#survey {
border-radius: 0;
}
}
#survey .head {
background: linear-gradient(80.45deg, #d50204 0%, #bc292a 81.77%), #C4C4C4;
background-size: cover;
color: #fff;
padding: 60px 65px;
max-width: 475px;
width: 100%;
border-radius: 6px 0 0 6px;
}
@media (max-width: 991px) {
#survey .head {
max-width: 100%;
padding: 20px 40px;
}
}
@media (max-width: 639px) {
#survey .head {
padding: 20px 15px;
}
}
#survey .head h1 {
font-weight: bold;
margin: 0 0 32px;
font-size: 36px;
}
@media (max-width: 767px) {
#survey .head h1 {
font-size: 28px;
}
}
@media (max-width: 639px) {
#survey .head h1 {
margin: 0 0 30px;
font-size: 22px;
}
}
@media (max-width: 479px) {
#survey .head h1 {
font-size: 20px;
}
}
#survey .head h6 {
font-size: 18px;
line-height: 25px;
}
@media (max-width: 767px) {
#survey .head h6 {
max-width: 60%;
font-size: 14px;
}
}
@media (max-width: 639px) {
#survey .head h6 {
max-width: 100%;
}
}
#survey .head p {
font-size: 18px;
line-height: 25px;
}
@media (max-width: 767px) {
#survey .head p {
font-size: 14px;
line-height: 1.4;
}
}
@media (max-width: 639px) {
#survey .head p {
margin: 0 0 10px 0;
}
}
#survey .head ul {
list-style: none;
padding: 0;
}
#survey .head ul li {
margin: 0 0 5px 0;
font-size: 16px;
line-height: 24px;
}
@media (max-width: 639px) {
#survey .head ul li {
margin: 0 0 10px 0;
}
}
@media (max-width: 767px) {
#survey .head ul li p {
font-size: 14px;
line-height: 1.4;
}
}
#survey #form_wrap {
background: #F2F2F2;
width: 100%;
display: flex;
align-items: center;
align-content: center;
border: 1px solid #eee;
}
#survey #form_wrap form {
width: 100%;
height: 100%;
background: initial;
padding: 40px 40px;
}
@media (max-width: 639px) {
#survey #form_wrap form {
padding: 30px 15px;
}
}
#survey #form_wrap form .txt,
#survey #form_wrap form .field_ttl {
font-size: 16px;
margin-bottom: -7px;
}
@media (max-width: 479px) {
#survey #form_wrap form .txt,
#survey #form_wrap form .field_ttl {
font-size: 15px;
}
}
#survey #form_wrap form .txt i {
font-size: 14px;
}
#survey .btn-blue {
display: block;
font-weight: bold;
font-size: 15px;
padding: 14px 95px;
cursor: pointer;
border-radius: 39px;
margin: 80px auto 60px;
}
@media (max-width: 1199px) {
#survey .btn-blue {
letter-spacing: 0;
padding: 15px 30px;
}
}
@media (max-width: 479px) {
#survey .btn-blue {
padding-right: 10px;
padding-left: 10px;
}
}
#survey .btn-blue.btn-squared {
border-radius: 2px;
}
#survey .btn-blue.btn-squared:before {
border-radius: 2px;
}
#acf-form .acf-flexible-content > .no-value-message {
border: #ddd dashed 2px;
padding: 20px 15px;
}
@media (max-width: 479px) {
#acf-form .acf-flexible-content > .no-value-message {
margin: 0 15px;
}
}
#acf-form .acf-flexible-content .layout {
border: 1px solid #ddd;
margin: 4px 0 15px;
}
#acf-form .acf-flexible-content .layout .acf-icon.-collapse:before {
font-family: "entypo";
content: "\e767";
}
#acf-form .acf-flexible-content .layout.-collapsed .acf-icon.-collapse:before {
content: "\e764";
}
#acf-form .acf-flexible-content .layout .acf-fc-layout-order {
font-size: 18px;
line-height: 1.45em;
font-weight: 600;
color: #fff;
background: transparent;
border-radius: 0px;
height: initial;
width: initial;
padding: 0;
margin: 0;
}
#acf-form .acf-flexible-content .layout .acf-fc-layout-order:after {
display: inline-block;
content: ". ";
}
@media (max-width: 767px) {
#acf-form .acf-flexible-content .layout .acf-fc-layout-order {
font-size: 18px;
}
}
#acf-form .acf-flexible-content .layout .acf-fc-layout-handle {
font-size: 18px;
line-height: 1.45em;
font-weight: 600;
color: #fff;
background: #D50204;
}
@media (max-width: 767px) {
#acf-form .acf-flexible-content .layout .acf-fc-layout-handle {
font-size: 18px;
}
}
#acf-form .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.small,
#acf-form .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-small {
font-size: 14px;
line-height: 15px;
}
#acf-form .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon:hover {
text-decoration: none;
}
#acf-form .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-plus, #acf-form .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-duplicate, #acf-form .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-minus {
margin: 5px 2px 0;
}
#acf-form .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-collapse {
font-size: 16px;
line-height: 30px;
color: #D50204;
border: none;
transition: all 0.4s linear;
position: relative;
border-radius: 50%;
background: #fff;
height: 32px;
right: -3px;
width: 32px;
top: -3px;
}
#acf-form .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-collapse:hover {
background: #D50204;
color: #fff;
}
#acf-form .acf-fields > .acf-field-flexible-content.acf-field {
padding: 0px 0 0;
}
@media (max-width: 479px) {
#acf-form .acf-fields > .acf-field-flexible-content.acf-field {
margin: 0 -16px;
}
}
#acf-form .acf-fields > .acf-field-flexible-content.acf-field > .acf-label {
display: none;
}
#acf-form .acf-fields.-left > .acf-field > .acf-input {
padding: 0;
}
#acf-form .acf-fields > .acf-field {
padding: 15px;
}
#acf-form .acf-input-wrap input {
transition: all 0.3s linear;
border: 1px solid #ddd;
padding: 0 15px;
height: 48px;
margin: 0;
}
@media (max-width: 991px) {
#acf-form .acf-input-wrap input {
padding: 0 10px;
height: 44px;
}
}
#acf-form .acf-input-wrap input:hover {
background: #f5f5f5;
}
#acf-form .acf-input-wrap input:focus {
border: 1px solid #D50204;
color: #D50204;
}
#acf-form .acf-url i {
display: none;
}
#acf-form .acf-repeater .acf-row-handle.order .acf-icon {
margin: -8px 0 0 -5px;
}
#acf-form .acf-repeater .acf-row-handle.order + td {
border: none;
}
#acf-form .acf-repeater .acf-row-handle .acf-icon {
margin: 30px 0 0 -9px;
}
@media (max-width: 991px) {
#acf-form .acf-repeater .acf-row-handle .acf-icon {
margin: 40px 0 0 -9px;
}
}
#acf-form .acf-repeater .acf-row-handle .acf-icon.small, #acf-form .acf-repeater .acf-row-handle .acf-icon.-small {
font-size: 16px;
line-height: 16px;
color: #D50204;
}
#acf-form .acf-repeater .acf-row-handle span {
font-weight: 700;
}
#acf-form .acf-field .acf-label label {
font-size: 15px;
color: #000;
}
#acf-form .acf-row.-collapsed .order .acf-icon.small:before {
content: "\e764";
}
#acf-form .acf-row .order .acf-icon.small {
transition: all 0.3s linear;
text-decoration: none;
font-size: 10px;
}
#acf-form .acf-row .order .acf-icon.small:hover {
color: #fff;
background: #D50204;
}
#acf-form .acf-row .acf-field .acf-label {
padding: 16px 0;
}
@media (max-width: 991px) {
#acf-form .acf-row .acf-field .acf-label {
margin-bottom: 5px;
padding: 0;
}
}
#acf-form .acf-actions {
margin: 15px 0 0;
}
@media (max-width: 479px) {
#acf-form .acf-actions {
text-align: center;
}
}
#acf-form div.acf-error-message {
margin: 40px 0 -4px;
padding: 12px 15px;
background: red;
border: none;
font-weight: 600;
}
#acf-form div.acf-error-message p {
color: #fff !important;
margin-bottom: 0 !important;
font-weight: 600 !important;
letter-spacing: 0.5px;
}
#acf-form .acf-input div.acf-error-message {
margin: 0 0 10px;
}
#acf-form .acf-input div.acf-error-message p {
margin-bottom: 0;
color: #fff;
font-weight: 600;
letter-spacing: 0.5px;
}
#acf-form .acf-button {
-webkit-transition: all 0.3s linear;
-khtml-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
font-size: 13px;
line-height: 1.2em;
font-weight: 700;
color: #fff;
border: 1px solid #D50204;
border-radius: 35px;
text-transform: uppercase;
background: #D50204;
text-decoration: none;
display: inline-block;
letter-spacing: 1px;
white-space: normal;
padding: 10px 30px;
text-shadow: none;
cursor: pointer;
margin: 6px 0 0;
}
@media (max-width: 479px) {
#acf-form .acf-button {
padding-right: 10px;
padding-left: 10px;
margin: 0 auto;
width: 290px;
}
}
#acf-form .acf-button:hover {
background: #fff;
color: #D50204;
}
#acf-form .acf-button.button-large {
padding: 15px 120px;
font-size: 18px;
margin: 40px auto 0;
height: initial;
display: table;
}
@media (max-width: 479px) {
#acf-form .acf-button.button-large {
margin: 40px auto 0;
padding: 15px;
}
}
#group {
margin-bottom: 50px;
}
#group .leave_group {
text-align: center;
margin-top: 60px;
}
#group .leave_group a {
color: #D50204;
}
#group .date_time {
display: block;
max-width: 335px;
margin: 0 auto 16px auto;
color: #D50204;
}
@media (max-width: 991px) {
#group .date_time {
font-size: 14px;
}
}
@media (max-width: 767px) {
#group .date_time {
max-width: 100%;
}
}
@media (max-width: 639px) {
#group .date_time {
font-size: 13px;
margin-bottom: 5px;
}
}
#group.join .card {
margin: 0;
border: 1px solid #d6d6d6;
border-top: none;
}
@media (max-width: 991px) {
#group.join .card {
padding-top: 5px;
}
}
#group.join .card:first-child {
border-top: 1px solid #d6d6d6;
}
#group.join .card-header {
border-bottom: none;
padding: 23px 0 23px 24px;
}
@media (max-width: 991px) {
#group.join .card-header {
padding: 15px 0 15px 20px;
}
}
@media (max-width: 767px) {
#group.join .card-header {
padding: 13px 0 13px 15px;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
}
#group.join .card-header figure {
margin: 0 10px 0 0;
}
@media (max-width: 991px) {
#group.join .card-header figure {
margin: 0;
}
}
#group.join .card-header figure img {
height: 96px;
width: 96px;
border-radius: 50%;
object-fit: cover;
object-position: center;
}
@media (max-width: 991px) {
#group.join .card-header figure img {
height: 76px;
width: 76px;
}
}
@media (max-width: 767px) {
#group.join .card-header figure img {
height: 45px;
width: 45px;
}
}
#group.join .card-header h5 {
padding-top: 0;
padding-bottom: 0;
font-size: 15px;
color: #000;
font-weight: 500;
flex: 1 0 0;
line-height: 1.4;
letter-spacing: -0.36px;
font-family: "Poppins", serif;
min-height: 64px;
display: flex;
align-items: center;
}
@media (max-width: 1199px) {
#group.join .card-header h5 {
font-size: 14px;
}
}
@media (max-width: 767px) {
#group.join .card-header h5 {
padding: 15px 15px 0 0;
}
}
@media (max-width: 639px) {
#group.join .card-header h5 {
font-size: 12px;
}
}
@media (max-width: 479px) {
#group.join .card-header h5 {
padding-left: 0;
}
}
#group.join .card-header h5 .ttl {
font-size: 14px;
}
#group.join .card-header h5 .ttl span {
color: #D50204;
font-weight: 600;
}
#group.join .card-header h5 b {
font-size: 18px;
display: block;
}
@media (max-width: 1199px) {
#group.join .card-header h5 b {
font-size: 16px;
}
}
#group.join .card-header h5 b span {
font-weight: 700;
}
#group.join .card-header a {
margin: 0 0 0 auto;
top: auto !important;
right: 20px !important;
}
#group.join .card-header a .open_wrap:before {
content: "Review dates & join";
display: block;
position: absolute;
right: 36px;
white-space: nowrap;
font-size: 13px;
line-height: 20px;
top: 50%;
margin-top: -10px;
text-align: right;
font-style: italic;
color: #000;
font-family: "Inter", serif;
font-weight: 400;
}
@media (max-width: 991px) {
#group.join .card-header a .open_wrap:before {
font-size: 12px;
}
}
#group.join .card-header a .close_wrap:before {
content: "Close";
display: block;
position: absolute;
right: 36px;
white-space: nowrap;
font-size: 13px;
line-height: 20px;
top: 50%;
margin-top: -10px;
text-align: right;
font-style: italic;
color: #000;
font-weight: 400;
}
@media (max-width: 991px) {
#group.join .card-header a .close_wrap:before {
font-size: 12px;
}
}
#group.join .card-body {
padding: 10px 0;
}
#group.join .card-body h3 {
font-size: 20px;
margin: 5px 0 12px;
}
@media (max-width: 639px) {
#group.join .card-body h3 {
font-size: 18px;
}
}
#group.join .card-body h4 {
font-size: 18px;
font-weight: 500;
color: #000;
margin: 0 0 22px;
}
@media (max-width: 639px) {
#group.join .card-body h4 {
font-size: 14px;
}
}
#group.join .card-body p {
font-size: 14px;
font-weight: 400;
color: #000;
margin: 0 0 15px;
line-height: 1.5;
}
@media (max-width: 639px) {
#group.join .card-body p {
font-size: 12px;
}
}
#group.join .card-body .line {
border-bottom: 1px solid #ddd;
margin-top: 20px;
}
#group.join .card-body .btn, #group.join .card-body #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #group.join .card-body a, #group.join .card-body #reg .reg_all_links button, #reg .reg_all_links #group.join .card-body button,
#group.join .card-body #reg .reg_all_links a,
#reg .reg_all_links #group.join .card-body a, #group.join .card-body #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #group.join .card-body a,
#group.join .card-body #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #group.join .card-body button {
margin: 30px auto 0;
padding: 10px 20px 10px;
background: #D50204;
color: #fff;
border-radius: 0;
font-size: 14px;
font-weight: 600;
}
#group.join .card-body .btn:hover, #group.join .card-body #modal_module_completed .modal-body h2 a:hover, #modal_module_completed .modal-body h2 #group.join .card-body a:hover, #group.join .card-body #reg .reg_all_links button:hover, #reg .reg_all_links #group.join .card-body button:hover,
#group.join .card-body #reg .reg_all_links a:hover,
#reg .reg_all_links #group.join .card-body a:hover, #group.join .card-body #reg .media_wrap_cohort .media .right a:hover, #reg .media_wrap_cohort .media .right #group.join .card-body a:hover,
#group.join .card-body #reg .media_wrap_cohort .media .right button:hover,
#reg .media_wrap_cohort .media .right #group.join .card-body button:hover {
color: #D50204 !important;
background: #fff;
border-color: #D50204;
}
#group.join .card-body .btn .icon-calendar, #group.join .card-body #modal_module_completed .modal-body h2 a .icon-calendar, #modal_module_completed .modal-body h2 #group.join .card-body a .icon-calendar, #group.join .card-body #reg .reg_all_links button .icon-calendar, #reg .reg_all_links #group.join .card-body button .icon-calendar,
#group.join .card-body #reg .reg_all_links a .icon-calendar,
#reg .reg_all_links #group.join .card-body a .icon-calendar, #group.join .card-body #reg .media_wrap_cohort .media .right a .icon-calendar, #reg .media_wrap_cohort .media .right #group.join .card-body a .icon-calendar,
#group.join .card-body #reg .media_wrap_cohort .media .right button .icon-calendar,
#reg .media_wrap_cohort .media .right #group.join .card-body button .icon-calendar {
margin-right: 10px;
font-size: 18px;
}
#group.join .card-body .btn.addeventatc, #group.join .card-body #modal_module_completed .modal-body h2 a.addeventatc, #modal_module_completed .modal-body h2 #group.join .card-body a.addeventatc, #group.join .card-body #reg .reg_all_links button.addeventatc, #reg .reg_all_links #group.join .card-body button.addeventatc,
#group.join .card-body #reg .reg_all_links a.addeventatc,
#reg .reg_all_links #group.join .card-body a.addeventatc, #group.join .card-body #reg .media_wrap_cohort .media .right a.addeventatc, #reg .media_wrap_cohort .media .right #group.join .card-body a.addeventatc,
#group.join .card-body #reg .media_wrap_cohort .media .right button.addeventatc,
#reg .media_wrap_cohort .media .right #group.join .card-body button.addeventatc {
color: #fff !important;
font-weight: 600;
}
#group.join .card-body .btn.addeventatc .addeventatc_icon, #group.join .card-body #modal_module_completed .modal-body h2 a.addeventatc .addeventatc_icon, #modal_module_completed .modal-body h2 #group.join .card-body a.addeventatc .addeventatc_icon, #group.join .card-body #reg .reg_all_links button.addeventatc .addeventatc_icon, #reg .reg_all_links #group.join .card-body button.addeventatc .addeventatc_icon,
#group.join .card-body #reg .reg_all_links a.addeventatc .addeventatc_icon,
#reg .reg_all_links #group.join .card-body a.addeventatc .addeventatc_icon, #group.join .card-body #reg .media_wrap_cohort .media .right a.addeventatc .addeventatc_icon, #reg .media_wrap_cohort .media .right #group.join .card-body a.addeventatc .addeventatc_icon,
#group.join .card-body #reg .media_wrap_cohort .media .right button.addeventatc .addeventatc_icon,
#reg .media_wrap_cohort .media .right #group.join .card-body button.addeventatc .addeventatc_icon {
position: relative;
top: unset;
left: unset;
margin-right: 10px;
background: initial;
}
#group.join .card-body .btn.addeventatc .addeventatc_icon:before, #group.join .card-body #modal_module_completed .modal-body h2 a.addeventatc .addeventatc_icon:before, #modal_module_completed .modal-body h2 #group.join .card-body a.addeventatc .addeventatc_icon:before, #group.join .card-body #reg .reg_all_links button.addeventatc .addeventatc_icon:before, #reg .reg_all_links #group.join .card-body button.addeventatc .addeventatc_icon:before,
#group.join .card-body #reg .reg_all_links a.addeventatc .addeventatc_icon:before,
#reg .reg_all_links #group.join .card-body a.addeventatc .addeventatc_icon:before, #group.join .card-body #reg .media_wrap_cohort .media .right a.addeventatc .addeventatc_icon:before, #reg .media_wrap_cohort .media .right #group.join .card-body a.addeventatc .addeventatc_icon:before,
#group.join .card-body #reg .media_wrap_cohort .media .right button.addeventatc .addeventatc_icon:before,
#reg .media_wrap_cohort .media .right #group.join .card-body button.addeventatc .addeventatc_icon:before {
position: absolute;
top: 1px;
left: -3px;
content: "📅";
color: #fff !important;
font-family: "entypo";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-size: 20px;
}
#group.join .card-body .btn.addeventatc:hover, #group.join .card-body #modal_module_completed .modal-body h2 a.addeventatc:hover, #modal_module_completed .modal-body h2 #group.join .card-body a.addeventatc:hover, #group.join .card-body #reg .reg_all_links button.addeventatc:hover, #reg .reg_all_links #group.join .card-body button.addeventatc:hover,
#group.join .card-body #reg .reg_all_links a.addeventatc:hover,
#reg .reg_all_links #group.join .card-body a.addeventatc:hover, #group.join .card-body #reg .media_wrap_cohort .media .right a.addeventatc:hover, #reg .media_wrap_cohort .media .right #group.join .card-body a.addeventatc:hover,
#group.join .card-body #reg .media_wrap_cohort .media .right button.addeventatc:hover,
#reg .media_wrap_cohort .media .right #group.join .card-body button.addeventatc:hover {
color: #D50204 !important;
background: #fff;
border-color: #D50204;
}
#group.join .card-body .btn.addeventatc:hover .addeventatc_icon:before, #group.join .card-body #modal_module_completed .modal-body h2 a.addeventatc:hover .addeventatc_icon:before, #modal_module_completed .modal-body h2 #group.join .card-body a.addeventatc:hover .addeventatc_icon:before, #group.join .card-body #reg .reg_all_links button.addeventatc:hover .addeventatc_icon:before, #reg .reg_all_links #group.join .card-body button.addeventatc:hover .addeventatc_icon:before,
#group.join .card-body #reg .reg_all_links a.addeventatc:hover .addeventatc_icon:before,
#reg .reg_all_links #group.join .card-body a.addeventatc:hover .addeventatc_icon:before, #group.join .card-body #reg .media_wrap_cohort .media .right a.addeventatc:hover .addeventatc_icon:before, #reg .media_wrap_cohort .media .right #group.join .card-body a.addeventatc:hover .addeventatc_icon:before,
#group.join .card-body #reg .media_wrap_cohort .media .right button.addeventatc:hover .addeventatc_icon:before,
#reg .media_wrap_cohort .media .right #group.join .card-body button.addeventatc:hover .addeventatc_icon:before {
color: #D50204 !important;
}
#group.join .card-body .btn.btn_join, #group.join .card-body #modal_module_completed .modal-body h2 a.btn_join, #modal_module_completed .modal-body h2 #group.join .card-body a.btn_join, #group.join .card-body #reg .reg_all_links button.btn_join, #reg .reg_all_links #group.join .card-body button.btn_join,
#group.join .card-body #reg .reg_all_links a.btn_join,
#reg .reg_all_links #group.join .card-body a.btn_join, #group.join .card-body #reg .media_wrap_cohort .media .right a.btn_join, #reg .media_wrap_cohort .media .right #group.join .card-body a.btn_join,
#group.join .card-body #reg .media_wrap_cohort .media .right button.btn_join,
#reg .media_wrap_cohort .media .right #group.join .card-body button.btn_join {
max-width: 195px;
}
@media (max-width: 991px) {
#group.join .card-body .btn, #group.join .card-body #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #group.join .card-body a, #group.join .card-body #reg .reg_all_links button, #reg .reg_all_links #group.join .card-body button,
#group.join .card-body #reg .reg_all_links a,
#reg .reg_all_links #group.join .card-body a, #group.join .card-body #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #group.join .card-body a,
#group.join .card-body #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #group.join .card-body button {
font-size: 13px;
}
}
@media (max-width: 767px) {
#group.join .card-body .btn, #group.join .card-body #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #group.join .card-body a, #group.join .card-body #reg .reg_all_links button, #reg .reg_all_links #group.join .card-body button,
#group.join .card-body #reg .reg_all_links a,
#reg .reg_all_links #group.join .card-body a, #group.join .card-body #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #group.join .card-body a,
#group.join .card-body #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #group.join .card-body button {
margin: 10px auto 15px;
}
}
#group.join .card-body .btn.disabled, #group.join .card-body #modal_module_completed .modal-body h2 a.disabled, #modal_module_completed .modal-body h2 #group.join .card-body a.disabled, #group.join .card-body #reg .reg_all_links button.disabled, #reg .reg_all_links #group.join .card-body button.disabled,
#group.join .card-body #reg .reg_all_links a.disabled,
#reg .reg_all_links #group.join .card-body a.disabled, #group.join .card-body #reg .media_wrap_cohort .media .right a.disabled, #reg .media_wrap_cohort .media .right #group.join .card-body a.disabled,
#group.join .card-body #reg .media_wrap_cohort .media .right button.disabled,
#reg .media_wrap_cohort .media .right #group.join .card-body button.disabled {
pointer-events: none;
}
#group.join .card-body hr {
max-width: 350px;
margin-top: 35px;
}
#group.join .card-body .group {
max-width: 600px;
margin: 0 auto;
padding: 0;
}
#group.join .card-body .date_item_block_wr .date_item_wr {
position: relative;
align-items: center;
}
#group.join .card-body .date_item_block_wr .date_item_wr:nth-last-child(n+2) {
margin-bottom: 30px;
}
#group.join .card-body .date_item_block_wr .date_item_wr .col-12:nth-last-child(n+2) {
margin-bottom: 15px;
text-align: center;
}
@media (min-width: 768px) {
#group.join .card-body .date_item_block_wr .date_item_wr .col-12:nth-last-child(n+2) {
margin-bottom: unset;
}
}
@media (min-width: 992px) {
#group.join .card-body .date_item_block_wr .date_item_wr .col-12:nth-last-child(n+2) {
max-width: calc(50% - 103px);
flex: 0 0 calc(50% - 103px);
}
}
@media (min-width: 768px) {
#group.join .card-body .date_item_block_wr .date_item_wr .col-12:first-child {
text-align: left;
}
}
@media (min-width: 992px) {
#group.join .card-body .date_item_block_wr .date_item_wr .col-12:last-child {
max-width: 205px;
flex: 0 0 205px;
}
}
#group.join .card-body .date_item_block_wr .date_item_wr .btn, #group.join .card-body .date_item_block_wr .date_item_wr #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #group.join .card-body .date_item_block_wr .date_item_wr a, #group.join .card-body .date_item_block_wr .date_item_wr #reg .reg_all_links button, #reg .reg_all_links #group.join .card-body .date_item_block_wr .date_item_wr button,
#group.join .card-body .date_item_block_wr .date_item_wr #reg .reg_all_links a,
#reg .reg_all_links #group.join .card-body .date_item_block_wr .date_item_wr a, #group.join .card-body .date_item_block_wr .date_item_wr #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #group.join .card-body .date_item_block_wr .date_item_wr a,
#group.join .card-body .date_item_block_wr .date_item_wr #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #group.join .card-body .date_item_block_wr .date_item_wr button {
margin: 0;
padding: 10px 5px;
display: inline-flex;
justify-content: center;
width: 100%;
max-width: 290px;
z-index: 0;
}
#group.join .card-body .date_item_block_wr .date_item_wr .btn .addeventatc_icon, #group.join .card-body .date_item_block_wr .date_item_wr #modal_module_completed .modal-body h2 a .addeventatc_icon, #modal_module_completed .modal-body h2 #group.join .card-body .date_item_block_wr .date_item_wr a .addeventatc_icon, #group.join .card-body .date_item_block_wr .date_item_wr #reg .reg_all_links button .addeventatc_icon, #reg .reg_all_links #group.join .card-body .date_item_block_wr .date_item_wr button .addeventatc_icon,
#group.join .card-body .date_item_block_wr .date_item_wr #reg .reg_all_links a .addeventatc_icon,
#reg .reg_all_links #group.join .card-body .date_item_block_wr .date_item_wr a .addeventatc_icon, #group.join .card-body .date_item_block_wr .date_item_wr #reg .media_wrap_cohort .media .right a .addeventatc_icon, #reg .media_wrap_cohort .media .right #group.join .card-body .date_item_block_wr .date_item_wr a .addeventatc_icon,
#group.join .card-body .date_item_block_wr .date_item_wr #reg .media_wrap_cohort .media .right button .addeventatc_icon,
#reg .media_wrap_cohort .media .right #group.join .card-body .date_item_block_wr .date_item_wr button .addeventatc_icon {
display: none;
}
#group.join .card-body .date_item_block_wr .date_item_wr .date_time {
margin: 0;
display: inline-flex;
align-items: center;
}
#group.join .bio_in {
border: none;
margin-bottom: 32px;
}
@media (max-width: 991px) {
#group.join .bio_in {
margin: 0 0 10px 0;
}
}
@media (max-width: 767px) {
#group.join .bio_in {
border-top: 1px solid #ddd;
}
}
#group.join .bio_in .card {
border: none;
}
#group.join .bio_in .card .card-header {
border-bottom: 1px solid #ddd;
padding: 13px 0 13px 0;
}
@media (max-width: 767px) {
#group.join .bio_in .card .card-header {
padding: 0 0 10px 10px;
}
}
@media (max-width: 639px) {
#group.join .bio_in .card .card-header {
padding-left: 0;
padding-right: 0;
}
}
#group.join .bio_in .card .card-header h5 {
padding-left: 0;
}
#group.join .bio_in .card .card-header a {
right: 0 !important;
}
#group.join .bio_in .card .card-header a .open_wrap:before {
content: "More details";
}
@media (max-width: 639px) {
#group.join .bio_in .card .card-header a {
top: 22px;
right: initial;
left: 51%;
}
}
#group.join .bio_in .card .collapse {
border-bottom: 1px solid #ddd;
}
@media (max-width: 639px) {
#group.join .bio_in .card .collapse {
border-left: none;
border-right: none;
}
}
#group.join .bio_in .card .card-body {
padding: 40px 0 50px;
}
@media (max-width: 767px) {
#group.join .bio_in .card .card-body {
padding: 30px 0 30px;
}
}
@media (max-width: 639px) {
#group.join .bio_in .card .card-body {
padding: 20px 0 20px;
}
}
#group.join .bio_in .card .card-body .card-body {
padding: 0;
}
#group.join .join_modules_wr > * {
padding-left: 15px;
padding-right: 15px;
width: 100%;
flex: 0 0 100%;
text-align: center;
margin: 10px 0;
}
@media (min-width: 768px) {
#group.join .join_modules_wr .title_wrap,
#group.join .join_modules_wr .date_time {
flex: 0 0 50%;
max-width: 50%;
}
#group.join .join_modules_wr .date_time {
text-align: right;
}
#group.join .join_modules_wr .title_wrap {
text-align: left;
}
}
#group.join form {
text-align: center;
}
#group.join .wrap_for_dino {
display: flex;
justify-content: space-between;
align-items: center;
align-content: center;
}
#group.facilitator p.outline_descr {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
color: #555;
max-width: 650px;
margin: 0 auto 15px;
}
@media (max-width: 639px) {
#group.facilitator p.outline_descr {
font-size: 14px;
}
}
@media (max-width: 479px) {
#group.facilitator .footer_buttons {
border-bottom: 1px solid #ddd;
}
}
#group.facilitator .footer_buttons .block_wrap {
border-bottom: none;
}
#group.facilitator .footer_buttons .block_wrap:first-child {
border-top: none;
}
#group.facilitator #message.updated {
margin: 60px auto 0;
text-align: center;
}
#group.facilitator #message.updated p {
font-size: 18px;
line-height: 1.45em;
font-weight: 700;
color: #D50204;
}
#group.facilitator .card-header h5 {
padding-left: 0;
}
#group .tab-content {
border: 1px solid #ddd;
border-top: none;
overflow: hidden;
}
#group .card:first-child {
position: relative;
}
#group .card-body {
padding: 40px 10px;
}
#group .card-header {
border-bottom: 1px solid #eee;
}
#group .card-header .full {
color: red;
}
#group .card-header h5 {
font-size: 22px;
}
#group .btn_wrap {
display: inline-block;
margin: 0 -2px 15px;
padding: 0 15px;
width: 33.3333%;
}
#group .btn_wrap .btn.date_wrap, #group .btn_wrap #modal_module_completed .modal-body h2 a.date_wrap, #modal_module_completed .modal-body h2 #group .btn_wrap a.date_wrap, #group .btn_wrap #reg .reg_all_links button.date_wrap, #reg .reg_all_links #group .btn_wrap button.date_wrap,
#group .btn_wrap #reg .reg_all_links a.date_wrap,
#reg .reg_all_links #group .btn_wrap a.date_wrap, #group .btn_wrap #reg .media_wrap_cohort .media .right a.date_wrap, #reg .media_wrap_cohort .media .right #group .btn_wrap a.date_wrap,
#group .btn_wrap #reg .media_wrap_cohort .media .right button.date_wrap,
#reg .media_wrap_cohort .media .right #group .btn_wrap button.date_wrap {
letter-spacing: 0;
padding: 10px 0;
width: 100%;
}
#group label {
font-size: 17px;
font-weight: 400;
}
#group h3 {
font-size: 22px;
color: #222222;
margin: 5px 0;
}
#group .facilitators {
margin: 30px 0 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
#group .facilitators label {
width: 100%;
}
#group .facilitators .speaker {
margin: 10px 0;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
#group .facilitators .speaker img {
display: block;
margin: 0 auto;
}
#group .join_ty {
text-align: center;
margin: -40px 0 0;
padding: 60px 0 0;
color: #D50204;
}
@media (max-width: 991px) {
#group .join_ty {
padding: 60px 15px 0;
}
}
#group .join_ty h2 {
font-size: 26px;
line-height: 1.45em;
font-weight: 700;
}
@media (max-width: 991px) {
#group .join_ty h2 {
font-size: 24px;
margin: 0;
}
}
@media (max-width: 479px) {
#group .join_ty h2 {
font-size: 22px;
}
}
#group .join_ty h4 {
font-size: 22px;
line-height: 1.45em;
max-width: 460px;
margin: 0 auto;
}
@media (max-width: 991px) {
#group .join_ty h4 {
font-size: 18px;
max-width: 380px;
}
}
@media (max-width: 639px) {
#group .join_ty h4 {
margin-top: 10px;
}
}
@media (max-width: 479px) {
#group .join_ty h4 {
font-size: 16px;
}
}
@media (max-width: 479px) {
#group .join_ty h4 br {
display: none;
}
}
#group .group {
padding: 0 30px 0;
}
@media (max-width: 767px) {
#group .group {
padding: 0 10px;
}
}
#group .group .date_wrap {
display: flex;
}
#group .group .date_wrap h3 {
margin: -2px 0 0 10px;
font-size: 17px;
font-weight: 700;
color: rgb(34, 34, 34);
}
#group .group .date_wrap label {
font-size: 17px;
font-weight: 700;
color: #D50204;
margin: 0;
}
#group .group .descr {
font-size: 13px;
}
#group .group p {
font-size: 17px;
line-height: 1.45em;
color: #797979;
margin: 0;
}
#group .group p a {
font-weight: 700;
color: #D50204;
}
#group .group .participants {
padding: 20px 0 30px;
}
@media (max-width: 991px) {
#group .group .participants {
padding: 10px 0 10px;
}
}
#group .group .participants p {
margin: -2px 0 0 10px;
font-size: 17px;
line-height: 1.6em;
font-weight: 700;
color: #222;
}
@media (max-width: 991px) {
#group .group .participants p {
font-size: 17px;
line-height: 1.45em;
}
}
#group .group .participants p.empty {
font-size: 17px;
line-height: 1.45em;
font-weight: 400;
color: red;
}
#group .group .participants label {
width: initial;
margin: 0 0 20px;
}
@media (max-width: 991px) {
#group .group .participants label {
margin: 0 0 10px;
}
}
#group .group .footer_buttons {
margin: 0;
}
@media (max-width: 991px) {
#group .group .footer_buttons {
margin: 0;
}
}
@media (max-width: 479px) {
#group .group .footer_buttons {
margin: 0;
padding: 0;
}
}
@media (max-width: 479px) {
#group .group .footer_buttons .block_wrap {
border: none;
}
}
#group .group .footer_buttons .block_wrap .btn, #group .group .footer_buttons .block_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #group .group .footer_buttons .block_wrap a, #group .group .footer_buttons .block_wrap #reg .reg_all_links button, #reg .reg_all_links #group .group .footer_buttons .block_wrap button,
#group .group .footer_buttons .block_wrap #reg .reg_all_links a,
#reg .reg_all_links #group .group .footer_buttons .block_wrap a, #group .group .footer_buttons .block_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #group .group .footer_buttons .block_wrap a,
#group .group .footer_buttons .block_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #group .group .footer_buttons .block_wrap button {
margin-top: 8px;
}
@media (max-width: 991px) {
#group .group .footer_buttons .block_wrap .btn, #group .group .footer_buttons .block_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #group .group .footer_buttons .block_wrap a, #group .group .footer_buttons .block_wrap #reg .reg_all_links button, #reg .reg_all_links #group .group .footer_buttons .block_wrap button,
#group .group .footer_buttons .block_wrap #reg .reg_all_links a,
#reg .reg_all_links #group .group .footer_buttons .block_wrap a, #group .group .footer_buttons .block_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #group .group .footer_buttons .block_wrap a,
#group .group .footer_buttons .block_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #group .group .footer_buttons .block_wrap button {
margin-top: 5px;
}
}
@media (max-width: 767px) {
#group .group .footer_buttons .block_wrap .btn, #group .group .footer_buttons .block_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #group .group .footer_buttons .block_wrap a, #group .group .footer_buttons .block_wrap #reg .reg_all_links button, #reg .reg_all_links #group .group .footer_buttons .block_wrap button,
#group .group .footer_buttons .block_wrap #reg .reg_all_links a,
#reg .reg_all_links #group .group .footer_buttons .block_wrap a, #group .group .footer_buttons .block_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #group .group .footer_buttons .block_wrap a,
#group .group .footer_buttons .block_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #group .group .footer_buttons .block_wrap button {
margin: 5px auto 0;
}
}
@media (max-width: 639px) {
#group .group .footer_buttons .block_wrap .btn, #group .group .footer_buttons .block_wrap #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #group .group .footer_buttons .block_wrap a, #group .group .footer_buttons .block_wrap #reg .reg_all_links button, #reg .reg_all_links #group .group .footer_buttons .block_wrap button,
#group .group .footer_buttons .block_wrap #reg .reg_all_links a,
#reg .reg_all_links #group .group .footer_buttons .block_wrap a, #group .group .footer_buttons .block_wrap #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #group .group .footer_buttons .block_wrap a,
#group .group .footer_buttons .block_wrap #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #group .group .footer_buttons .block_wrap button {
padding: 8px 10px;
}
}
#group .group .footer_buttons ul {
position: relative;
margin: 0 -15px;
overflow: hidden;
}
#group .group .footer_buttons ul li {
padding: 7px 15px;
float: left;
}
@media (max-width: 991px) {
#group .group .footer_buttons ul li {
padding: 7px 15px 0;
width: 50%;
}
}
@media (max-width: 479px) {
#group .group .footer_buttons ul li {
width: 100%;
}
}
#group .group_accordion {
padding-right: 0;
padding-top: 20px;
}
@media (max-width: 767px) {
#group .group_accordion {
padding: 20px 0 0;
}
}
@media (max-width: 639px) {
#group .group_accordion {
padding: 10px 0 0;
}
}
#group .group_accordion h4 {
font-size: 18px;
font-weight: 600;
}
#group .group_accordion .tab-content {
border: none;
}
#group .group_accordion .cont {
max-width: 790px;
margin: 40px auto;
padding: 0 15px;
}
@media (max-width: 1199px) {
#group .group_accordion .cont {
margin: 30px auto;
}
}
@media (max-width: 639px) {
#group .group_accordion .cont {
margin: 20px auto;
}
}
#group .group_accordion .cont .card-header {
padding-left: 64px;
}
#group .group_accordion .cont .card-header h5 {
padding-left: 0 !important;
}
#group .group_accordion .cont .card-header:after {
left: 0 !important;
}
#group .group_accordion .cont .card-body {
padding: 20px 0;
}
#group .group_accordion .card {
border: none;
}
@media (max-width: 639px) {
#group .group_accordion .card {
margin-bottom: 20px;
}
}
#group .group_accordion .card .card-header {
position: relative;
margin-bottom: 15px;
}
@media (max-width: 767px) {
#group .group_accordion .card .card-header {
flex-direction: row;
padding: 15px 0;
align-items: center;
}
}
#group .group_accordion .card .card-header a {
border-color: #eeeeee;
background: #eeeeee;
color: #a5a5a5;
right: 0;
}
@media (max-width: 767px) {
#group .group_accordion .card .card-header a {
top: 13px;
}
}
@media (max-width: 639px) {
#group .group_accordion .card .card-header a {
top: 11px;
}
}
#group .group_accordion .card .card-header a .close_wrap:before,
#group .group_accordion .card .card-header a .open_wrap:before {
display: none;
}
#group .group_accordion .card .card-header h5 {
padding-top: 0;
padding-bottom: 0;
font-size: 18px;
color: #000;
font-weight: 400;
flex: 1 0 0;
line-height: 1.4;
padding: 0;
}
@media (max-width: 1199px) {
#group .group_accordion .card .card-header h5 {
font-size: 14px;
}
}
@media (max-width: 639px) {
#group .group_accordion .card .card-header h5 {
font-size: 12px;
}
}
#group .group_accordion .card .card-header h5 span {
font-size: 18px;
font-weight: 700;
}
#group .group_accordion .card .card-header h5 b {
font-size: 18px;
display: block;
font-weight: 500;
}
@media (max-width: 1199px) {
#group .group_accordion .card .card-header h5 b {
font-size: 16px;
}
}
#group .group_accordion .card .card-header h5 b span {
font-weight: 700;
}
#group .group_accordion .card .card-header h5 span:not(.ttl) {
color: #D50204;
}
#group .group_accordion .card .card-header:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
border-bottom: 1px solid #ddd;
}
@media (max-width: 991px) {
#group .group_accordion .card .card-header:after {
left: 90px;
}
}
@media (max-width: 767px) {
#group .group_accordion .card .card-header:after {
left: 63px;
}
}
@media (max-width: 767px) {
#group .group_accordion .card .card-header:after {
left: 0;
}
}
#group .group_accordion .card .card-body {
border-bottom: none;
}
@media (max-width: 991px) {
#group .group_accordion .card .card-body {
padding-left: 90px;
}
}
@media (max-width: 767px) {
#group .group_accordion .card .card-body {
padding-left: 63px;
}
}
@media (max-width: 639px) {
#group .group_accordion .card .card-body {
padding-left: 0;
}
}
#group .group_accordion .card .card-body .group {
max-width: 100%;
text-align: center;
}
#group .group_accordion .bio .card-header {
padding-left: 91px;
position: relative;
}
#group .group_accordion .bio .card-header:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
width: 64px;
height: 64px;
background: url(../img/pages/mmbrs/groups/headphones.svg) no-repeat center;
background-color: #D50204;
border-radius: 40px;
background-size: 36px auto;
}
@media (max-width: 991px) {
#group .group_accordion .bio .card-header:before {
background-size: 32px auto;
width: 58px;
height: 58px;
}
}
@media (max-width: 767px) {
#group .group_accordion .bio .card-header:before {
background-size: 28px auto;
width: 48px;
height: 48px;
}
}
#group .group_accordion .dates .card-header {
padding-left: 91px;
position: relative;
}
#group .group_accordion .dates .card-header .collapse {
display: none;
}
#group .group_accordion .dates .card-header:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
width: 64px;
height: 64px;
background: url(../img/pages/mmbrs/groups/calendar.svg) no-repeat center;
background-color: #D50204;
background-size: 32px auto;
border-radius: 40px;
}
@media (max-width: 991px) {
#group .group_accordion .dates .card-header:before {
background-size: 32px auto;
width: 58px;
height: 58px;
}
}
@media (max-width: 767px) {
#group .group_accordion .dates .card-header:before {
background-size: 18px auto;
width: 40px;
height: 40px;
}
}
#group .group_accordion .dates .card-body {
padding-right: 0;
}
@media (max-width: 767px) {
#group .group_accordion .dates .card-body {
padding-left: 0;
}
}
#group .group_accordion .dates .card-body .group .btn-blue {
position: relative;
left: -40px;
}
@media (max-width: 991px) {
#group .group_accordion .dates .card-body .group .btn-blue {
left: 0;
}
}
#group .group_accordion .res {
margin-top: 15px;
}
#group .group_accordion .res .card-header {
padding-left: 91px;
position: relative;
margin-bottom: 5px;
}
#group .group_accordion .res .card-header:after {
display: none;
}
#group .group_accordion .res .card-header .collapse {
display: none;
}
#group .group_accordion .res .card-header:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
width: 64px;
height: 64px;
background: url(../img/pages/mmbrs/groups/resources.svg) no-repeat 17px;
background-color: #D50204;
background-size: 32px auto;
border-radius: 40px;
}
@media (max-width: 991px) {
#group .group_accordion .res .card-header:before {
background-position: 14px;
background-size: 32px auto;
width: 58px;
height: 58px;
}
}
@media (max-width: 767px) {
#group .group_accordion .res .card-header:before {
background-position: 13px;
background-size: 24px auto;
width: 48px;
height: 48px;
}
}
#group .group_accordion .res .card-body {
padding-right: 0;
padding-left: 0;
padding-top: 0;
}
#group .group_accordion .res .card-body nav {
margin-bottom: 40px;
}
#group .group_accordion .res .card-body nav .card-tabs {
border-left: 0;
border-right: 0;
}
#group .group_accordion .res .card-body .tab-content {
padding-left: 70px;
padding-right: 70px;
}
@media (max-width: 767px) {
#group .group_accordion .res .card-body .tab-content {
padding-right: 30px;
padding-left: 30px;
}
}
#group .group_accordion .res .card-body .block_wrap {
margin-bottom: 20px;
border-bottom: 0;
}
#group .group_accordion .res .card-body .block_wrap small {
font-weight: 600;
}
#cert_peer_group #usrs_list_wrapper {
margin-top: 70px;
margin-bottom: 60px;
overflow-x: scroll;
}
@media (max-width: 991px) {
#cert_peer_group #usrs_list_wrapper {
border: 2px solid #282828;
padding: 4px;
}
}
#cert_peer_group #usrs_list_wrapper label {
color: #252525;
font-weight: 600;
}
#cert_peer_group #usrs_list_length label {
margin-bottom: 0;
margin-top: 5px;
}
#cert_peer_group #usrs_list_filter {
margin-bottom: 5px;
}
#cert_peer_group #usrs_list_filter input {
border: 1px solid #767676;
height: 36px;
}
#cert_peer_group .dataTables_paginate .paginate_button {
transition: all 0.2s;
}
#cert_peer_group .dataTables_paginate .paginate_button:hover {
background: none;
color: #4e4e4e !important;
}
#cert_peer_group .dataTables_paginate .paginate_button.current {
background: #4e4e4e;
color: #fff !important;
}
#usrs_list {
border-left: 1px solid #e9ecef;
border-right: 1px solid #e9ecef;
border-bottom: 5px;
}
#usrs_list > caption {
display: none;
}
#usrs_list.loading {
position: relative;
z-index: 1;
}
#usrs_list.loading:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
content: "";
display: block;
background: rgba(255, 255, 255, 0.4);
}
#usrs_list.loading:after {
position: absolute;
top: 70px;
left: calc(50% - 50px);
width: 100px;
height: 100px;
content: " ";
display: block;
width: 64px;
height: 64px;
margin: 8px;
border-radius: 50%;
border: 10px solid #fff;
border-color: #fff transparent #fff transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#usrs_list thead {
text-align: center;
}
#usrs_list thead * {
border: none;
outline: none;
}
#usrs_list thead tr th {
background: #353535;
border-right: 1px solid #e9ecef;
transition: all 0.2s;
position: relative;
}
#usrs_list thead tr th:hover {
background: #4e4e4e;
}
#usrs_list thead tr th:before {
position: absolute;
display: block;
top: 13px;
right: 5px;
content: "\e74f";
font-family: "entypo";
font-size: 10px;
color: #aaaaaa;
}
#usrs_list thead tr th:last-child {
border: none;
}
#usrs_list tbody tr {
cursor: pointer;
}
#usrs_list tbody tr td {
border-right: 1px solid #e9ecef;
}
#usrs_list tbody tr td:last-child {
border-right: none;
}
#usrs_list tr,
#usrs_list .sync_ {
background: #ffc0c0 !important;
}
#usrs_list .graduated {
background: #97ff97 !important;
}
#usrs_list .graduated .usr_name {
position: relative;
}
#usrs_list .graduated .usr_status {
color: rgb(75, 80, 75);
text-align: center;
}
#usrs_list .graduated .usr_status i {
position: relative;
top: 2px;
font-size: 23px;
margin: -6px 0 0px;
color: green;
}
#graduation_wr {
padding-bottom: 50px;
}
#graduation_wr .ttl {
font-size: 20px;
line-height: 1;
font-weight: 500;
color: #000;
border-bottom: 1px solid #e0e0e0;
padding: 20px 15px;
margin-bottom: 20px;
}
@media (min-width: 768px) {
#graduation_wr .ttl {
font-size: 26px;
padding: 40px 15px;
margin-bottom: 40px;
}
}
#graduation_wr .container {
max-width: 847px;
}
#graduation_wr .container .files_repeater_item:nth-last-child(n+2) {
margin-bottom: 20px;
}
@media (min-width: 992px) {
#graduation_wr .container .files_repeater_item:nth-last-child(n+2) {
margin-bottom: 40px;
}
}
#graduation_wr .container .files_repeater_item .files_repeater_hd {
font-size: 16px;
line-height: 1;
font-weight: 500;
color: #0f0f3d;
letter-spacing: -0.36px;
margin-bottom: 5px;
}
@media (min-width: 992px) {
#graduation_wr .container .files_repeater_item .files_repeater_hd {
font-size: 18px;
}
}
#graduation_wr .container .files_repeater_item .files_repeater_hd_2 {
font-size: 12px;
line-height: 1;
font-weight: 400;
color: #00b2ea;
letter-spacing: -0.24px;
}
@media (min-width: 992px) {
#graduation_wr .container .files_repeater_item .files_repeater_hd_2 {
font-size: 18px;
}
}
#graduation_wr .container .files_repeater_item .files_repeater_img {
margin-right: 15px;
}
@media (min-width: 992px) {
#graduation_wr .container .files_repeater_item .files_repeater_img {
margin-right: 55px;
}
}
#graduation_wr .container .files_repeater_item .files_repeater_img img {
width: 45px;
}
@media (min-width: 400px) {
#graduation_wr .container .files_repeater_item .files_repeater_img img {
width: 73px;
}
}
#graduation_wr .container .files_repeater_item .btn, #graduation_wr .container .files_repeater_item #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #graduation_wr .container .files_repeater_item a, #graduation_wr .container .files_repeater_item #reg .reg_all_links button, #reg .reg_all_links #graduation_wr .container .files_repeater_item button,
#graduation_wr .container .files_repeater_item #reg .reg_all_links a,
#reg .reg_all_links #graduation_wr .container .files_repeater_item a, #graduation_wr .container .files_repeater_item #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #graduation_wr .container .files_repeater_item a,
#graduation_wr .container .files_repeater_item #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #graduation_wr .container .files_repeater_item button {
font-size: 12px;
line-height: 1;
font-weight: 600;
color: #fff;
background: #00b2ea;
border-radius: 2px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
height: 39px;
width: 75px;
flex: 0 0 75px;
transition: all ease 0.3s;
}
#graduation_wr .container .files_repeater_item .btn:hover, #graduation_wr .container .files_repeater_item #modal_module_completed .modal-body h2 a:hover, #modal_module_completed .modal-body h2 #graduation_wr .container .files_repeater_item a:hover, #graduation_wr .container .files_repeater_item #reg .reg_all_links button:hover, #reg .reg_all_links #graduation_wr .container .files_repeater_item button:hover,
#graduation_wr .container .files_repeater_item #reg .reg_all_links a:hover,
#reg .reg_all_links #graduation_wr .container .files_repeater_item a:hover, #graduation_wr .container .files_repeater_item #reg .media_wrap_cohort .media .right a:hover, #reg .media_wrap_cohort .media .right #graduation_wr .container .files_repeater_item a:hover,
#graduation_wr .container .files_repeater_item #reg .media_wrap_cohort .media .right button:hover,
#reg .media_wrap_cohort .media .right #graduation_wr .container .files_repeater_item button:hover {
opacity: 0.8;
}
@media (min-width: 400px) {
#graduation_wr .container .files_repeater_item .btn, #graduation_wr .container .files_repeater_item #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #graduation_wr .container .files_repeater_item a, #graduation_wr .container .files_repeater_item #reg .reg_all_links button, #reg .reg_all_links #graduation_wr .container .files_repeater_item button,
#graduation_wr .container .files_repeater_item #reg .reg_all_links a,
#reg .reg_all_links #graduation_wr .container .files_repeater_item a, #graduation_wr .container .files_repeater_item #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #graduation_wr .container .files_repeater_item a,
#graduation_wr .container .files_repeater_item #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #graduation_wr .container .files_repeater_item button {
width: 100px;
flex: 0 0 100px;
font-size: 14px;
}
}
@media (min-width: 768px) {
#graduation_wr .container .files_repeater_item .btn, #graduation_wr .container .files_repeater_item #modal_module_completed .modal-body h2 a, #modal_module_completed .modal-body h2 #graduation_wr .container .files_repeater_item a, #graduation_wr .container .files_repeater_item #reg .reg_all_links button, #reg .reg_all_links #graduation_wr .container .files_repeater_item button,
#graduation_wr .container .files_repeater_item #reg .reg_all_links a,
#reg .reg_all_links #graduation_wr .container .files_repeater_item a, #graduation_wr .container .files_repeater_item #reg .media_wrap_cohort .media .right a, #reg .media_wrap_cohort .media .right #graduation_wr .container .files_repeater_item a,
#graduation_wr .container .files_repeater_item #reg .media_wrap_cohort .media .right button,
#reg .media_wrap_cohort .media .right #graduation_wr .container .files_repeater_item button {
width: 127px;
flex: 0 0 127px;
}
}
/*# sourceMappingURL=main.css.map */