@charset "UTF-8";
/*! main.css v1.0.0 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i");
.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: #CF0000;
background-color: #fff;
border-color: #ccc;
}
.dropdown-toggle.btn-default:focus, .dropdown-toggle.btn-default:hover {
color: #CF0000;
}
.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: #CF0000;
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: "Open Sans";
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: 54.71%;
}
a,
a:focus {
-webkit-box-shadow: none;
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 {
-webkit-transition: all 0.3s linear;
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_new {
font-size: 22px;
line-height: 33px;
font-weight: 100;
color: #838383;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
text-decoration: none;
border-radius: 50%;
position: absolute;
background: #eee;
border: none;
margin: auto;
height: 29px;
width: 29px;
z-index: 1;
top: -14px;
right: 0;
left: 0;
}
.down_icon_new.bottom {
bottom: -14px;
top: initial;
}
.down_icon_new.gray {
background: #f7f7f7;
}
.down_icon_new.white {
background: #fff;
}
.down_icon_new:hover {
background: #f19109;
color: #fff;
}
.down_icon_new .icon-down-open {
position: absolute;
text-align: center;
line-height: 33px;
font-size: 18px;
margin: auto;
right: 0;
left: 0;
}
.down_icon_new.mid {
position: relative;
display: block;
margin: 75px auto 40px;
background: #f5f5f5;
text-align: center;
}
@media (max-width: 767px) {
.down_icon_new.mid {
margin: 55px auto 20px;
}
}
@media (max-width: 639px) {
.down_icon_new.mid {
margin: 35px auto 0px;
}
}
.down_icon_new.mid:before {
content: "";
position: absolute;
display: block;
right: 40px;
top: 15px;
width: 430px;
border-bottom: 1px solid #ddd;
}
.down_icon_new.mid:after {
content: "";
position: absolute;
display: block;
left: 40px;
top: 15px;
width: 430px;
border-bottom: 1px solid #ddd;
}
.down_icon {
-webkit-transition: all 0.3s linear;
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: #CF0000 !important;
}
#hbl-live-chat-wrapper #olark-wrapper .olark-launch-button:hover,
.pushcrew-side-button.pushcrew-chicklet-position-tr:hover {
background: #ff0303 !important;
}
#hbl-live-chat-wrapper #olark-wrapper .olark-launch-button .olark-button-text {
color: #fff !important;
}
#hbl-live-chat-wrapper #olark-wrapper .olark-launch-button svg path {
fill: #fff !important;
}
#hbl-live-chat-wrapper #olark-wrapper .olark-top-bar {
background: #CF0000 !important;
border-color: #CF0000 !important;
}
#hbl-live-chat-wrapper #olark-wrapper .olark-top-bar .olark-top-bar-text {
color: #fff !important;
}
#hbl-live-chat-wrapper #olark-wrapper .olark-top-bar .olark-top-bar-arrow {
fill: #fff !important;
}
#hbl-live-chat-wrapper #olark-wrapper #olark-container .olark-top-bar-text {
color: #fff;
}
#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: #CF0000 !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: #CF0000 !important;
}
#hbl-live-chat-wrapper #olark-wrapper #olark-container .olark-form-send-button {
background: #CF0000 !important;
color: #fff !important;
}
#hbl-live-chat-wrapper #olark-wrapper #olark-container .olark-form-send-button:hover {
background: #ff0303 !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 {
-webkit-animation: spin 1.2s linear infinite;
animation: spin 1.2s linear infinite;
border: 1px solid #fff;
border-top: 1px solid #CF0000;
border-radius: 50%;
position: absolute;
z-index: 99999;
display: none;
margin: auto;
height: 95px;
width: 95px;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@media (min-width: 992px) {
#collapse_sm_menu {
height: initial !important;
display: table;
width: 100%;
}
}
.down_icon {
-webkit-transition: all 0.3s linear;
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 {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.grow:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.grayscale {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.grayscale:hover {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: grayscale(0);
}
@-webkit-keyframes nice_toggle {
0% {
opacity: 0;
height: 0;
}
1% {
-webkit-transform: scale(0);
transform: scale(0);
height: 50px;
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes nice_toggle {
0% {
opacity: 0;
height: 0;
}
1% {
-webkit-transform: scale(0);
transform: scale(0);
height: 50px;
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip:hover {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@-webkit-keyframes pulse_animation {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scale(1);
transform: scale(1);
}
40% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
60% {
-webkit-transform: scale(1);
transform: scale(1);
}
70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
80% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse_animation {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scale(1);
transform: scale(1);
}
40% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
60% {
-webkit-transform: scale(1);
transform: scale(1);
}
70% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
80% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse_animation;
animation-name: pulse_animation;
-webkit-animation-duration: 2000ms;
animation-duration: 2000ms;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.rotate {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
overflow: hidden;
}
.rotate:hover {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
@-webkit-keyframes pr_color_blink {
0% {
color: #CF0000;
}
100% {
color: #787878;
}
}
@keyframes pr_color_blink {
0% {
color: #CF0000;
}
100% {
color: #787878;
}
}
a.btn,
button.btn,
input.btn,
span.btn {
-webkit-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, a.btn.hover, a.btn.active.focus, a.btn.active:focus, a.btn.focus, a.btn:active.focus, a.btn:active:focus, a.btn:focus,
button.btn:hover,
button.btn.hover,
button.btn.active.focus,
button.btn.active:focus,
button.btn.focus,
button.btn:active.focus,
button.btn:active:focus,
button.btn: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 {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
color: #fff;
}
a.btn.round,
button.btn.round,
input.btn.round,
span.btn.round {
border-radius: 60px !important;
}
a.btn.btn-main,
button.btn.btn-main,
input.btn.btn-main,
span.btn.btn-main {
font-size: 13px;
font-weight: 500;
color: #CF0000;
border: 1px solid #CF0000;
background: transparent;
margin: 0;
}
a.btn.btn-main:hover,
button.btn.btn-main:hover,
input.btn.btn-main:hover,
span.btn.btn-main:hover {
color: #fff;
background: #CF0000;
}
a.btn.btn-gradient,
button.btn.btn-gradient,
input.btn.btn-gradient,
span.btn.btn-gradient {
background: #2f77c9;
background-size: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(#2f77c9), to(#4437be));
background-image: linear-gradient(to right, #2f77c9, #4437be);
position: relative;
overflow: hidden;
z-index: 100;
text-transform: uppercase;
letter-spacing: 2.2px;
padding: 20px 35px;
cursor: pointer;
}
a.btn.btn-gradient:before,
button.btn.btn-gradient:before,
input.btn.btn-gradient:before,
span.btn.btn-gradient:before {
background: #4437be;
background-image: -webkit-gradient(linear, left top, right top, from(#4437be), to(#2f77c9));
background-image: linear-gradient(to right, #4437be, #2f77c9);
border-radius: 100px;
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
z-index: -100;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
a.btn.btn-gradient:hover:before,
button.btn.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,
button.btn.btn-gradient,
input.btn.btn-gradient,
span.btn.btn-gradient {
letter-spacing: 0;
padding: 15px 30px;
}
}
@media (max-width: 479px) {
a.btn.btn-gradient,
button.btn.btn-gradient,
input.btn.btn-gradient,
span.btn.btn-gradient {
padding-right: 10px;
padding-left: 10px;
}
}
a.btn.btn-gradient.btn-squared,
button.btn.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,
button.btn.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,
button.btn.btn-trsp-blue,
input.btn.btn-trsp-blue,
span.btn.btn-trsp-blue {
font-size: 13px;
font-weight: 500;
color: #CF0000;
border: 1px solid #CF0000;
background: transparent;
margin: 0;
}
a.btn.btn-trsp-blue:hover,
button.btn.btn-trsp-blue:hover,
input.btn.btn-trsp-blue:hover,
span.btn.btn-trsp-blue:hover {
color: #fff;
background: #CF0000;
}
a.btn.btn-empty,
button.btn.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,
button.btn.btn-empty,
input.btn.btn-empty,
span.btn.btn-empty {
padding-right: 10px;
padding-left: 10px;
width: 100%;
}
}
a.btn.btn-empty:hover,
button.btn.btn-empty:hover,
input.btn.btn-empty:hover,
span.btn.btn-empty:hover {
background: #CF0000;
}
a.btn.btn-empty.to_yellow:hover,
button.btn.btn-empty.to_yellow:hover,
input.btn.btn-empty.to_yellow:hover,
span.btn.btn-empty.to_yellow:hover {
border-color: #f19109;
background: #f19109;
}
a.btn.btn-empty-yellow,
button.btn.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,
button.btn.btn-empty-yellow:hover,
input.btn.btn-empty-yellow:hover,
span.btn.btn-empty-yellow:hover {
border: 2px solid #f19109;
background: #f19109;
}
@media (max-width: 479px) {
a.btn.btn-empty-yellow,
button.btn.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,
button.btn.btn-yellow,
input.btn.btn-yellow,
span.btn.btn-yellow {
border: 2px solid transparent;
font-size: 14px;
line-height: 1.3em;
background: #f19109;
letter-spacing: 1px;
padding: 13px 18px;
border-radius: 2px;
color: #fff;
}
a.btn.btn-yellow:not([href]):not([tabindex]),
button.btn.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,
button.btn.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,
button.btn.btn-yellow.with_hover:hover,
input.btn.btn-yellow.with_hover:hover,
span.btn.btn-yellow.with_hover:hover {
border-color: #d88208;
background: #d88208;
}
a.btn.btn-white,
button.btn.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: #CF0000;
}
a.btn.btn-white:hover,
button.btn.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,
button.btn.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,
button.btn.btn-trsp-white:hover,
input.btn.btn-trsp-white:hover,
span.btn.btn-trsp-white:hover {
border-color: transparent;
color: #CF0000;
background: #fff;
}
a.btn.btn-blue,
button.btn.btn-blue,
input.btn.btn-blue,
span.btn.btn-blue {
background: #CF0000;
letter-spacing: 1.5px;
font-size: 15px;
border-radius: 2px;
padding: 15px 75px;
}
@media (max-width: 479px) {
a.btn.btn-blue,
button.btn.btn-blue,
input.btn.btn-blue,
span.btn.btn-blue {
padding-right: 10px;
padding-left: 10px;
width: 100%;
}
}
a.btn.btn-blue:hover,
button.btn.btn-blue:hover,
input.btn.btn-blue:hover,
span.btn.btn-blue:hover {
background: #ff0303;
}
a.btn.btn-purple,
button.btn.btn-purple,
input.btn.btn-purple,
span.btn.btn-purple {
background: #CF0000;
border-radius: 30px;
}
a.btn.btn-purple:hover,
button.btn.btn-purple:hover,
input.btn.btn-purple:hover,
span.btn.btn-purple:hover {
background: #ff0303;
}
textarea,
textarea.form-control,
input,
input.form-control {
font-size: 15px;
font-weight: 600;
color: #777;
background-color: #fff;
border-radius: 2px;
-webkit-box-shadow: none;
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 {
-webkit-box-shadow: 0 0 8px rgba(48, 115, 200, 0.8);
box-shadow: 0 0 8px rgba(48, 115, 200, 0.8);
border-color: #CF0000;
outline: 0;
}
input[type=checkbox] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
margin: 0 5px 13px 0;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 1em;
border-radius: 0;
cursor: pointer;
display: inline;
outline: none;
border: none;
height: 21px;
width: 22px;
float: left;
padding: 0;
top: 0;
}
input[type=checkbox]:before {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 2px solid transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
border-radius: 5px;
height: 24px;
content: "";
width: 24px;
z-index: 1;
left: 0;
top: 0px;
border-color: #CF0000;
}
input[type=checkbox]:checked:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
border-color: #CF0000;
border-right-style: none;
border-top-style: none;
border-radius: 0;
height: 9px;
width: 18px;
left: 3px;
top: 5px;
}
input[type=checkbox]:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
position: absolute;
background: #fff;
cursor: pointer;
height: 24px;
width: 24px;
content: "";
left: 0;
top: -1px;
}
.btn.dropdown-toggle {
font-size: 15px;
font-weight: 600;
color: #CF0000;
border: 1px solid #CF0000;
padding: 20px 18px;
border-radius: 0px;
text-align: left;
}
@media (max-width: 639px) {
.btn.dropdown-toggle {
padding: 12px;
}
}
.btn.dropdown-toggle:hover, .btn.dropdown-toggle:focus {
outline: none !important;
cursor: pointer;
}
.btn.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 {
right: 25px;
top: 32%;
}
}
.bootstrap-select {
text-shadow: none;
margin: 16px 0 0;
}
.bootstrap-select.btn-group.show .notify {
border: 1px solid #CF0000;
padding: 8px 15px;
color: #CF0000;
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 {
border: 1px solid #CF0000;
border-top: 1px solid transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.bootstrap-select.show.dropup .dropdown-menu.open {
border: 1px solid #CF0000;
border-radius: 0px;
margin: 0 0 -2px;
border-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.bootstrap-select.show .btn.dropdown-toggle {
border-bottom: 1px solid transparent;
border: 1px solid #CF0000;
outline: none !important;
-webkit-box-shadow: none;
box-shadow: none;
color: #CF0000;
background: #fff;
}
.bootstrap-select.show .btn.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 {
-webkit-box-shadow: 0 10px 12px rgba(84, 174, 7, 0.1);
box-shadow: 0 10px 12px rgba(84, 174, 7, 0.1);
border: 1px solid #CF0000;
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: #CF0000;
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: #CF0000;
}
.bootstrap-select .dropdown-menu > li.selected a:hover, .bootstrap-select .dropdown-menu > li.selected a:focus {
background: #CF0000;
}
.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: #CF0000;
}
.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 {
letter-spacing: 2.5px;
}
@media (max-width: 479px) {
.page-template-main-become-partner .ifs_reg .btn.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;
}
@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 {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
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 {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font: 700 16px "Open Sans";
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 {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font: 700 20px "Open Sans";
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 #CF0000;
color: #CF0000;
}
#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 {
-webkit-transition: all 1.2s ease-out;
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 {
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;
-webkit-box-shadow: none;
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 {
-webkit-transition: all 0s ease-out;
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 {
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 {
font-size: 14px;
font-weight: 600;
padding: 12px;
}
}
@media (max-width: 767px) {
#sub_banner.calendar .wrap_all .box.left .btn {
font-size: 16px;
padding: 16px;
}
}
@media (max-width: 479px) {
#sub_banner.calendar .wrap_all .box.left .btn {
padding: 12px;
}
}
#sub_banner.calendar .wrap_all .box.left .btn.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 {
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 {
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 {
text-transform: uppercase;
font-size: 17px;
letter-spacing: 0px;
}
@media (max-width: 1199px) {
#sub_banner.squeeze .wrap_all .box.left a.btn.btn-white {
font-size: 14px;
}
}
@media (max-width: 991px) {
#sub_banner.squeeze .wrap_all .box.left a.btn.btn-white {
font-size: 13px;
}
}
@media (max-width: 767px) {
#sub_banner.squeeze .wrap_all .box.left a.btn.btn-white {
font-size: 18px;
padding: 10px 0;
}
}
@media (max-width: 639px) {
#sub_banner.squeeze .wrap_all .box.left a.btn.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 {
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 {
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 {
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/bg.jpg") no-repeat center top;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
text-align: center;
margin: 0 0 -65px;
display: -webkit-box;
display: -ms-flexbox;
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;
-ms-flex-wrap: wrap;
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 {
letter-spacing: 3px;
font-size: 20px;
padding: 15px 18px;
margin: 0 0 0 40px;
}
@media (max-width: 1919px) {
#sub_banner.sales .btn.btn-yellow {
letter-spacing: 2px;
padding: 12px 25px;
}
}
@media (max-width: 1199px) {
#sub_banner.sales .btn.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 {
padding: 10px 45px;
margin: 30px auto 0;
}
}
@media (max-width: 479px) {
#sub_banner.sales .btn.btn-yellow {
margin: 0;
}
}
@media (max-width: 479px) {
#sub_banner .container {
padding: 0;
}
}
#sub_banner .wrap_all {
position: relative;
margin: 0 0 -67px;
display: -webkit-box;
display: -ms-flexbox;
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 {
-ms-flex-wrap: wrap;
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/bg.jpg") no-repeat center top;
background-size: cover;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
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 {
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 {
font-size: 16px;
padding: 10px 0;
}
}
@media (max-width: 1199px) {
#sub_banner .wrap_all .box.left a.btn.btn-white {
font-size: 14px;
padding: 8px 0;
}
}
@media (max-width: 479px) {
#sub_banner .wrap_all .box.left a.btn.btn-white {
letter-spacing: 0;
}
}
@media (max-width: 767px) {
#sub_banner .wrap_all .box.right {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
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;
}
}
.countdown {
font: 100 100px "Open Sans";
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 "Open Sans";
margin-bottom: 5px;
color: #CF0000;
margin-top: -2px;
display: block;
}
@media (max-width: 639px) {
.countdown .countdown-section .countdown-period {
font-size: 13px;
}
}
#guarantee {
padding: 40px 0;
background: #fff;
}
@media (max-width: 1919px) {
#guarantee {
padding: 0 0 80px;
}
}
@media (max-width: 639px) {
#guarantee {
padding: 0 0 0;
}
}
@media (max-width: 1919px) {
#guarantee.passes {
padding: 20px 0 0;
}
}
#guarantee .lead {
margin-bottom: 85px;
color: #000000;
font-size: 26px;
line-height: 1.5em;
font-weight: 400;
}
@media (max-width: 767px) {
#guarantee .lead {
margin-bottom: 60px;
font-size: 22px;
}
#guarantee .lead br {
display: none;
}
}
@media (max-width: 479px) {
#guarantee .lead {
font-size: 18px;
margin: 0 15px 40px;
}
}
#guarantee .lead span {
font-weight: 700;
color: #f19109;
}
#guarantee .panel {
margin-bottom: 136px;
-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
border-color: #dddddd;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
/* Firefox 1-3.6 */
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 7px;
}
@media (max-width: 767px) {
#guarantee .panel {
margin-bottom: 120px;
}
}
@media (max-width: 639px) {
#guarantee .panel {
margin-bottom: 80px;
}
}
#guarantee .panel-heading {
padding: 44px 95px;
color: #ffffff;
border-radius: 5px 5px 0 0;
font-size: 32px;
line-height: 1.25em;
font-weight: 700;
background-image: url("../img/bg/guarantee.jpg");
background-position: center;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media (max-width: 991px) {
#guarantee .panel-heading {
padding: 25px 85px;
font-size: 28px;
}
}
@media (max-width: 767px) {
#guarantee .panel-heading {
padding: 25px 15px;
font-size: 22px;
}
}
@media (max-width: 767px) {
#guarantee .panel-heading {
text-align: center;
font-size: 20px;
}
}
@media (max-width: 479px) {
#guarantee .panel-heading {
padding: 20px 15px;
font-size: 18px;
}
}
#guarantee .panel-body {
padding: 53px 106px 100px 95px;
position: relative;
background: #fff;
border-radius: 0 0 5px 5px;
}
@media (max-width: 991px) {
#guarantee .panel-body {
padding: 40px 85px 100px;
}
}
@media (max-width: 767px) {
#guarantee .panel-body {
padding: 30px 30px 70px;
}
}
#guarantee .panel-body .c-cletter {
margin: 0;
color: #666666;
font-size: 18px;
line-height: 1.8em;
font-weight: 400;
}
@media (max-width: 991px) {
#guarantee .panel-body .c-cletter {
font-size: 16px;
line-height: 1.6;
}
}
@media (max-width: 479px) {
#guarantee .panel-body .c-cletter {
font-size: 14px;
}
}
#guarantee .panel-body .c-cletter:before {
content: "";
margin: -13px 4px -20px -53px;
display: block;
float: left;
width: 120px;
height: 89px;
background-image: url("../img/elements/wletter.png");
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 991px) {
#guarantee .panel-body .c-cletter:before {
margin: -13px -2px -15px -36px;
background-size: 100% auto;
height: 50px;
width: 70px;
}
}
@media (max-width: 479px) {
#guarantee .panel-body .c-cletter:before {
margin: -20px -2px -15px -23px;
height: 53px;
width: 50px;
}
}
#guarantee .panel-body:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 50%;
background-size: 100% auto;
width: 150px;
height: 150px;
background-image: url("../img/elements/stamp.png");
background-position: center;
background-repeat: no-repeat;
-webkit-transform: translate(-55%, 48%);
-ms-transform: translate(-55%, 48%);
transform: translate(-55%, 48%);
}
@media (max-width: 767px) {
#guarantee .panel-body:before {
width: 120px;
height: 120px;
}
}
#guarantee .subheader {
margin: 0;
margin: 0 0 30px;
color: #444444;
letter-spacing: 6.6px;
text-transform: uppercase;
font-size: 12px;
line-height: 1.5em;
font-weight: 600;
}
@media (max-width: 767px) {
#guarantee .subheader {
letter-spacing: 2px;
}
}
#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%;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
overflow: hidden;
}
}
#social_row ul li a:before {
-webkit-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 {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
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;
transition: all 0.3s linear;
font: 700 15px "Open Sans";
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/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 {
-webkit-box-shadow: 0px 2px 57px 0px rgba(0, 0, 0, 0.57);
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 {
top: 150px;
}
}
@media (max-width: 991px) {
#subscribe .btn {
padding: 8px 40px;
position: initial;
margin: 15px 0 0;
}
}
@media (max-width: 767px) {
#subscribe .btn {
margin: 25px 0 0;
}
}
#contact {
padding: 100px 15px 100px;
background: #ffffff;
text-align: center;
}
@media (max-width: 1199px) {
#contact {
padding: 80px 15px 81px;
}
}
@media (max-width: 767px) {
#contact {
padding: 55px 15px;
}
}
.page-template-mmbrs_home #contact {
background: #f5f5f5;
}
.page-template-sales #contact {
padding: 150px 15px 0;
}
@media (max-width: 639px) {
.page-template-sales #contact {
padding-top: 70px;
}
}
.page-template-sales #contact + #guarantee {
margin-top: 0;
}
@media (max-width: 639px) {
.page-template-sales #contact + #guarantee {
margin-top: 50px;
}
}
#contact h3 {
font-size: 26px;
line-height: 1.45;
font-weight: 600;
color: #000;
margin: 13px 0 8px;
}
@media (max-width: 991px) {
#contact h3 {
font-size: 26px;
}
}
@media (max-width: 767px) {
#contact h3 {
font-size: 24px;
}
}
#contact p {
font-size: 18px;
line-height: 1.35;
font-weight: 600;
color: #000;
}
@media (max-width: 767px) {
#contact p {
font-size: 16px;
}
}
@media (max-width: 639px) {
#contact p {
font-size: 14px;
max-width: 300px;
margin: 0 auto 15px;
}
}
#contact p a {
font-weight: 600;
color: #CF0000;
}
#contact img {
width: 66px;
}
@media (max-width: 639px) {
#contact img {
width: 55px;
}
}
@media (max-width: 479px) {
#contact img {
width: 40px;
}
}
#contact .btn {
letter-spacing: 0px;
border-radius: 50px;
font-size: 16px;
padding: 12.5px 65px;
margin: 16px 0 0;
}
@media (max-width: 639px) {
#contact .btn {
font-size: 15px;
padding: 10px 80px;
margin: 10px 0 0;
width: 100%;
max-width: 255px;
}
}
@media (max-width: 479px) {
#contact .btn {
font-size: 13px;
padding: 8px 40px;
}
}
.content h2 {
font-size: 40px;
line-height: 1.35;
margin: 0 0 30px;
}
@media (max-width: 1919px) {
.content h2 {
font-size: 36px;
}
}
@media (max-width: 991px) {
.content h2 {
font-size: 30px;
}
}
@media (max-width: 767px) {
.content h2 {
font-size: 28px;
}
}
@media (max-width: 639px) {
.content h2 {
font-size: 26px;
}
}
@media (max-width: 479px) {
.content h2 {
font-size: 20px;
line-height: 1.25;
}
}
.content h2.slim {
font-size: 56px;
line-height: 1.25;
font-weight: 400;
margin: 5px -10px 60px;
text-align: center;
}
@media (max-width: 1919px) {
.content h2.slim {
margin: 0 0 60px;
font-size: 48px;
}
}
@media (max-width: 1199px) {
.content h2.slim {
font-size: 40px;
}
}
@media (max-width: 991px) {
.content h2.slim {
font-size: 36px;
margin: 0 0 45px;
}
}
@media (max-width: 767px) {
.content h2.slim {
font-size: 34px;
}
}
@media (max-width: 639px) {
.content h2.slim {
font-size: 30px;
}
}
@media (max-width: 479px) {
.content h2.slim {
font-size: 23px;
margin: 10px 0 20px;
}
}
.content h2.slim b {
color: #f19109;
font-weight: 400;
}
.content h3 {
font-size: 26px;
line-height: 1.54;
font-weight: 400;
margin: 0 0 30px;
color: #000;
}
@media (max-width: 1919px) {
.content h3 {
font-size: 22px;
line-height: 1.54;
}
}
@media (max-width: 1199px) {
.content h3 {
margin: 0 0 32px;
}
}
@media (max-width: 639px) {
.content h3 {
font-size: 18px;
line-height: 1.54;
}
}
@media (max-width: 479px) {
.content h3 {
font-size: 16px;
line-height: 1.54;
}
}
.content h3.large {
font-size: 30px;
line-height: 1.4;
font-weight: 400;
margin: 0 0 40px;
color: #000;
}
@media (max-width: 1919px) {
.content h3.large {
font-size: 28px;
line-height: 1.4;
}
}
@media (max-width: 991px) {
.content h3.large {
font-size: 24px;
line-height: 1.4;
}
}
@media (max-width: 639px) {
.content h3.large {
font-size: 20px;
line-height: 1.4;
}
}
@media (max-width: 479px) {
.content h3.large {
font-size: 18px;
line-height: 1.4;
}
}
.content h4 {
font-size: 22px;
line-height: 1.7;
font-weight: 400;
margin: 0 0 39px;
color: #000;
}
@media (max-width: 1919px) {
.content h4 {
font-size: 20px;
}
}
@media (max-width: 1199px) {
.content h4 {
margin: 0 0 32px;
}
}
@media (max-width: 639px) {
.content h4 {
font-size: 16px;
}
}
@media (max-width: 479px) {
.content h4 {
font-size: 14px;
line-height: 1.78;
}
}
.content p {
font-size: 18px;
line-height: 1.78;
margin: 0 0 30px;
font-weight: 400;
color: #000;
}
@media (max-width: 1919px) {
.content p {
font-size: 17px;
}
}
@media (max-width: 991px) {
.content p {
font-size: 16px;
}
}
@media (max-width: 479px) {
.content p {
font-size: 14px;
margin: 0 0 20px;
}
}
.content p b {
color: #f19109;
}
.content p.small {
font-size: 16px;
line-height: 1.75;
margin: 0 0 15px;
}
@media (max-width: 639px) {
.content p.small {
font-size: 14px;
margin: 0 0 10px;
}
}
.content p.x-small {
font-size: 14px;
line-height: 1.57;
font-weight: 400;
color: #555;
margin: 0 0 15px;
}
@media (max-width: 639px) {
.content p.x-small {
font-size: 12px;
margin: 0 0 10px;
}
}
.content ul.check-ul {
max-width: 347px;
margin: 0 auto 0;
list-style: none;
padding: 0;
}
@media (max-width: 479px) {
.content ul.check-ul {
margin: 0 0 0 25px;
}
}
.content ul.check-ul li {
position: relative;
}
.content ul.check-ul li:before {
font-size: 18px;
line-height: 34px;
font-weight: 100;
color: #fff;
background: #f19109;
font-family: entypo;
text-align: center;
position: absolute;
border-radius: 50%;
content: "✓";
display: block;
height: 30px;
width: 30px;
left: -45px;
}
@media (max-width: 479px) {
.content ul.check-ul li:before {
width: 16px;
height: 16px;
left: -25px;
top: 5px;
font-size: 10px;
line-height: 17px;
}
}
.content ul.check-ul li b {
font-size: 22px;
line-height: 1.4;
color: #f19109;
}
@media (max-width: 1199px) {
.content ul.check-ul li b {
font-size: 20px;
}
}
@media (max-width: 991px) {
.content ul.check-ul li b {
font-size: 18px;
}
}
@media (max-width: 479px) {
.content ul.check-ul li b {
font-size: 16px;
}
}
.content ul.check-ul li p {
font-size: 22px;
line-height: 1.65;
color: #000;
margin: 3px 0 39px;
}
@media (max-width: 1199px) {
.content ul.check-ul li p {
font-size: 20px;
}
}
@media (max-width: 991px) {
.content ul.check-ul li p {
font-size: 18px;
line-height: 1.45;
}
}
@media (max-width: 767px) {
.content ul.check-ul li p {
margin: 3px 0 24px;
}
}
@media (max-width: 479px) {
.content ul.check-ul li p {
font-size: 14px;
margin: 0 0 15px;
}
}
.content ul.check-ul li p small {
font-size: 13px;
color: #747474;
display: block;
margin: 7px 0 0;
}
.content ul.check-ul.ordered li {
counter-increment: order;
}
.content ul.check-ul.ordered li b {
color: #000;
}
.content ul.check-ul.ordered li p {
font-size: 18px;
}
@media (max-width: 991px) {
.content ul.check-ul.ordered li p {
font-size: 16px;
line-height: 1.45;
}
}
@media (max-width: 639px) {
.content ul.check-ul.ordered li p {
font-size: 14px;
margin: 0 0 15px;
}
}
.content ul.check-ul.ordered li p a {
color: #00a763;
font-weight: 600;
font-style: italic;
text-decoration: underline;
}
.content ul.check-ul.ordered li:before {
content: counter(order);
font-family: "Open Sans";
font-weight: bold;
font-size: 18px;
line-height: 30px;
background: #00a763;
}
.txt-cursive {
font-family: "Playfair Display";
color: #CF0000;
font-weight: 700;
font-style: italic;
}
.txt-ylw {
color: #f19109;
}
.txt-primary {
color: #CF0000 !important;
}
.content_grid {
margin: 40px auto 0;
}
.content_grid .col-md-6 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.content_grid figure {
border-radius: 5px;
background: #f5f5f5;
position: relative;
overflow: hidden;
margin: 0 0 30px;
}
@media (max-width: 639px) {
.content_grid figure {
margin: 0 0 15px;
}
}
.content_grid figure img {
-o-object-position: top center;
object-position: top center;
-o-object-fit: contain;
object-fit: contain;
height: 100%;
width: 100%;
}
@media (max-width: 767px) {
.content_grid figure img {
width: 100%;
height: auto;
}
}
.content_grid figure h3 {
font-weight: 600;
text-align: right;
font-size: 36px;
line-height: 1.12;
position: absolute;
right: 0;
bottom: 0;
padding: 17px 30px;
max-width: 100%;
}
@media (max-width: 1199px) {
.content_grid figure h3 {
font-size: 30px;
}
}
@media (max-width: 991px) {
.content_grid figure h3 {
font-size: 24px;
}
}
@media (max-width: 767px) {
.content_grid figure h3 {
font-size: 22px;
padding: 10px 15px;
}
}
@media (max-width: 639px) {
.content_grid figure h3 {
font-size: 20px;
}
}
@media (max-width: 479px) {
.content_grid figure h3 {
font-size: 18px;
}
}
.content_grid figure.tag-container {
padding: 86px 50px 80px;
}
@media (max-width: 991px) {
.content_grid figure.tag-container {
padding: 30px;
}
}
@media (max-width: 479px) {
.content_grid figure.tag-container {
padding: 20px 15px;
}
}
.content_grid figure.tag-container .tag {
font-size: 16px;
line-height: 31px;
font-weight: 600;
white-space: nowrap;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
padding: 0 15px;
color: #fff;
background: #CF0000;
border-radius: 16px;
margin: 0 15px 15px 0;
}
@media (max-width: 991px) {
.content_grid figure.tag-container .tag {
font-size: 14px;
line-height: 30px;
}
}
@media (max-width: 639px) {
.content_grid figure.tag-container .tag {
font-size: 13px;
line-height: 28px;
margin: 0 auto 12px;
}
}
@media (max-width: 479px) {
.content_grid figure.tag-container .tag {
font-size: 12px;
line-height: 26px;
}
}
.content_grid figure.tag-container .tag + p.green {
font-size: 1rem;
line-height: 1.5;
font-weight: 400;
color: #CF0000;
margin: 5px 0 0;
}
@media (max-width: 639px) {
.content_grid figure.tag-container .tag + p.green {
font-size: 14px;
}
}
.content_grid figure.tag-container h4 {
margin-left: auto;
max-width: 340px;
}
@media (max-width: 767px) {
.content_grid figure.tag-container h4 {
max-width: 100%;
}
}
.content_grid figure.tag-container h4 a {
font-weight: bold;
color: #f19109;
}
.content_grid figure.tag-container h4 a i {
margin-left: -6px;
}
.page-template-login.not_logged header .top_row,
.page-template-mmbrs-rules header .top_row {
background: none;
border: none;
}
.page-template-login.not_logged .products_menu_link,
.page-template-mmbrs-rules .products_menu_link {
border: none;
color: #fff;
}
.page-template-login.not_logged .products_menu_link:hover,
.page-template-mmbrs-rules .products_menu_link:hover {
background: none;
color: #f19109;
}
.page-template-login.not_logged .products_menu_link:hover .costum_icon .line,
.page-template-mmbrs-rules .products_menu_link:hover .costum_icon .line {
background: #f19109;
}
.page-template-login.not_logged .products_menu_link .costum_icon .line,
.page-template-mmbrs-rules .products_menu_link .costum_icon .line {
background: #fff;
}
header {
position: relative;
z-index: 3;
}
@media (max-width: 767px) {
header.small .logo_wrap {
display: inline-block;
margin: 0 15px;
}
}
header .logo_wrap {
margin: 0 auto;
display: table;
}
header img.logo {
padding: 10px 0;
width: 160px;
}
@media (max-width: 991px) {
header img.logo {
padding: 8px 0;
width: 95px;
}
}
@media (max-width: 767px) {
header img.logo {
width: 80px;
}
}
@media (max-width: 767px) {
header .sm_hide {
display: none;
}
}
header .sm_show {
border-bottom: 1px solid #ddd;
background: #f5f5f5;
display: none;
}
@media (max-width: 767px) {
header .sm_show {
display: block;
}
}
header .sm_show .logo_wrap {
margin: 0 15px;
}
header .top_row {
border-bottom: 1px solid #e0e0e0;
background: #f2f2f2;
overflow: hidden;
height: 71px;
}
@media (max-width: 991px) {
header .top_row {
height: 55px;
}
}
header .top_row .ui_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 479px) {
header .top_row .ui_wrap .notifications_trigger {
margin-right: 0;
}
}
header .top_row .progress_wrap {
position: relative;
margin: 10px 25px 0 90px;
cursor: pointer;
}
@media (max-width: 991px) {
header .top_row .progress_wrap {
margin: 2px 15px 0 90px;
}
}
@media (max-width: 479px) {
header .top_row .progress_wrap {
margin: 2px 10px 0 0;
}
}
header .top_row .progress_wrap:before {
position: absolute;
content: "XP Collected";
top: 20px;
left: -85px;
display: block;
font-size: 13px;
font-weight: 600;
color: #828282;
}
@media (max-width: 479px) {
header .top_row .progress_wrap:before {
display: none;
}
}
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: 4px;
font-size: 11px;
font-weight: 600;
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;
border-color: #CF0000 !important;
}
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 #ddd;
position: absolute;
background: #fff;
width: 100%;
}
}
header .wrap_sm_nav .sub-menu li a span {
font-weight: 600;
line-height: 1.4;
color: #CF0000;
}
header .btn.continued {
letter-spacing: 0px;
border-radius: 5px;
padding: 5px 18px;
margin: -12px 0 0;
font-weight: 600;
}
@media (max-width: 991px) {
header .btn.continued {
font-size: 12px;
padding: 3px 8px;
}
}
@media (max-width: 639px) {
header .btn.continued {
display: none;
}
}
#sm_nav_trigger {
font-size: 36px;
line-height: 54px;
font-weight: 100;
color: #767676;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
text-align: center;
display: block;
float: right;
width: 54px;
height: 54px;
}
#sm_nav_trigger:hover {
text-decoration: none;
color: #ff0303;
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: 600;
color: #767676;
padding: 24px 23px 20px 25px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
display: inline-block;
cursor: pointer;
}
@media (max-width: 991px) {
.products_menu_link {
padding: 20px 15px 16px 15px;
font-size: 14px;
}
}
.products_menu_link:hover {
text-decoration: none;
color: #ff0303;
background: #fff;
}
.products_menu_link:hover .costum_icon .line {
background: #ff0303;
}
.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 {
-webkit-transition: all 0.3s linear;
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: 26px;
line-height: 1em;
font-weight: 100;
color: #666;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
padding: 20px 25px;
margin-left: -5px;
}
@media (max-width: 991px) {
.search_modal_trigger {
font-size: 22px;
padding: 16px 15px;
}
}
.search_modal_trigger:hover {
text-decoration: none;
color: #CF0000;
background: #fff;
}
#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: #CF0000;
font-weight: 400;
font-size: 40px;
padding: 12px;
top: 22px;
right: 0;
}
#modal_progress_header .modal-body {
padding: 0px 30px 40px;
text-align: center;
}
@media (max-width: 639px) {
#modal_progress_header .modal-body {
padding: 0 15px 30px;
}
}
#modal_progress_header .modal-body .progress_wrap {
margin: 20px auto 20px;
pointer-events: none;
}
#modal_progress_header .modal-body .progress_wrap .progress-bar {
border-color: #CF0000 !important;
}
#modal_progress_header .modal-body .progress_wrap .progress-bar:after {
background: #CF0000 !important;
}
#modal_progress_header .modal-body .progress_wrap .progress-value .h2 {
font-size: 22px;
margin-bottom: 2px;
color: #CF0000;
}
#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: 600;
margin-bottom: 30px;
}
#modal_progress_header .modal-body ul.tasks {
border: 1px solid #eee;
max-height: 510px;
overflow-y: scroll;
overflow-x: hidden;
position: relative;
list-style: none;
padding: 0 30px;
margin: 0;
/* Scrollbar Styling */
}
@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;
margin-bottom: 0;
}
#modal_progress_header .modal-body ul.tasks::-webkit-scrollbar {
width: 10px;
}
#modal_progress_header .modal-body ul.tasks::-webkit-scrollbar-track {
background-color: #fff;
border-radius: 0 4px 4px 0;
overflow: hidden;
}
#modal_progress_header .modal-body ul.tasks::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #e0e0e0;
}
@media (max-width: 767px) {
#modal_progress_header .modal-body ul.tasks .incomplete {
padding-left: 0 !important;
}
}
#modal_progress_header .modal-body ul.tasks .tc_sssn_confirm .check_pass .btn {
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 {
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: #CF0000;
}
@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 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 41px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 767px) {
#modal_progress_header .modal-body ul.tasks li .inner-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
}
}
#modal_progress_header .modal-body ul.tasks li.disabled .btn {
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 {
display: none;
}
#modal_progress_header .modal-body ul.tasks li.completed .btn_wrap .btn.btn-done {
display: block;
text-align: center;
}
#modal_progress_header .modal-body ul.tasks li.completed .btn_wrap .btn .icon-cancel {
font-size: 18px;
position: relative;
top: 1px;
}
#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: 600;
color: #000;
vertical-align: middle;
display: inline-block;
padding-right: 20px;
width: 390px;
text-align: left;
}
@media (max-width: 1199px) {
#modal_progress_header .modal-body ul.tasks li .ttl {
font-size: 18px;
width: 600px;
}
}
@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;
}
}
@media (max-width: 479px) {
#modal_progress_header .modal-body ul.tasks li .ttl {
padding: 0;
text-align: center;
}
}
#modal_progress_header .modal-body ul.tasks li .ttl b {
font-size: 18px;
color: #CF0000;
}
@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;
}
}
@media (max-width: 479px) {
#modal_progress_header .modal-body ul.tasks li .btn_wrap {
text-align: center;
-ms-grid-column-align: center;
justify-self: center;
width: 100%;
}
}
#modal_progress_header .modal-body ul.tasks li .btn_wrap .points {
margin: 0;
}
#modal_progress_header .modal-body ul.tasks li .btn_wrap .btn {
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 {
padding: 10px;
width: 155px;
}
}
@media (max-width: 991px) {
#modal_progress_header .modal-body ul.tasks li .btn_wrap .btn {
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 {
margin: 15px 0 0;
padding: 12px 40px;
width: auto;
}
}
#modal_progress_header .modal-body ul.tasks li .btn_wrap .btn.btn-done {
font-size: 16px;
color: #CF0000;
text-align: right;
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 {
font-size: 14px;
}
}
@media (max-width: 991px) {
#modal_progress_header .modal-body ul.tasks li .btn_wrap .btn.btn-done {
font-size: 12px;
text-align: left;
}
}
#modal_progress_header .modal-body ul.tasks li .btn_wrap .btn.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 {
background: none;
color: #CF0000;
padding: 0;
cursor: initial;
}
#modal_progress_header .modal-body ul.tasks li.not_attended .btn span {
color: #CF0000;
}
#modal_progress_header .modal-body ul.tasks li.not_attended .icon-cancel {
position: relative;
top: 2px;
font-weight: 400;
}
.notifications_trigger {
font-size: 36px;
line-height: 1em;
font-weight: 100;
color: #CF0000;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
display: inline-block;
padding: 15px 28px;
position: relative;
}
@media (max-width: 991px) {
.notifications_trigger {
font-size: 32px;
padding: 10px 15px;
}
}
.notifications_trigger:hover {
text-decoration: none;
color: #ff0303;
background: #fff;
}
.notifications_trigger .notifications_count {
font-size: 11px;
line-height: 18px;
font-weight: 700;
color: #fff;
background: #ff0000;
text-align: center;
border-radius: 50%;
position: absolute;
padding: 0 1px 0 0;
width: 18px;
right: 22px;
top: 17px;
}
.notifications_trigger .notifications_count.count_0 {
background: #787878;
}
@media (max-width: 991px) {
.notifications_trigger .notifications_count {
font-size: 10px;
line-height: 16px;
width: 16px;
right: 12px;
top: 12px;
}
}
.my_acc_wrap {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
border-left: 1px solid #ddd;
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: #888;
padding: 12px 30px;
}
@media (max-width: 991px) {
.my_acc_wrap .btn_my_acc {
padding: 12px 10px 12px 15px;
min-width: 77px;
}
}
.my_acc_wrap .btn_my_acc.active:focus, .my_acc_wrap .btn_my_acc:focus, .my_acc_wrap .btn_my_acc:hover {
color: #CF0000;
}
.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: #CF0000;
}
.my_acc_popover .popover-body {
padding: 0;
}
.my_acc_popover a.upgrade {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
font-size: 0px;
font-weight: 700;
color: #fff;
background: #CF0000;
text-decoration: none;
letter-spacing: 1px;
position: relative;
padding: 2px 15px;
display: block;
}
.my_acc_popover a.upgrade:hover {
background: #ff0303;
}
.my_acc_popover ul {
list-style: none;
padding: 0;
margin: 0;
}
.my_acc_popover ul li {
border-bottom: 1px solid #eee;
font: 400 11px "Open Sans";
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: 600 14px "Open Sans";
padding: 16px 0 16px 13px;
position: relative;
display: block;
color: #787878;
}
@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;
}
#searchform {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #fff;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
}
#searchform div {
height: 100%;
width: 100%;
}
#searchform .screen-reader-text {
display: none;
}
#searchform 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) {
#searchform input {
font-size: 32px;
}
}
#searchform input:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
#searchform #searchsubmit {
margin: 85px 0 0 -160px;
letter-spacing: 6px;
position: absolute;
padding: 15px 0;
font-size: 18px;
width: 320px;
left: 50%;
top: 40%;
}
@media (max-width: 639px) {
#searchform #searchsubmit {
margin: 50px 0 0 -145px;
font-size: 16px;
padding: 12px 0;
width: 290px;
}
}
#searchform .close {
font-size: 36px;
line-height: 60px;
font-weight: 100;
color: #CF0000;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
text-shadow: none;
cursor: pointer;
position: fixed;
outline: none;
opacity: 1;
right: 0;
top: 0;
}
#searchform .close:hover {
background: #CF0000;
color: #fff;
}
#searchform .close .icon-cancel {
text-align: center;
font-size: 100%;
height: 60px;
width: 60px;
padding: 0;
margin: 0;
}
#searchform.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
z-index: 99;
opacity: 1;
}
#menu-cert-main-menu {
text-align: center;
margin: 0 auto;
display: table;
float: none;
}
@media (max-width: 767px) {
#menu-cert-main-menu {
padding: 15px 0;
display: block;
}
}
#menu-cert-main-menu li {
display: inline-block;
float: left;
}
@media (max-width: 767px) {
#menu-cert-main-menu li {
display: block;
float: none;
}
}
#menu-cert-main-menu li .sub-menu li:first-child:before, #menu-cert-main-menu li .sub-menu li:first-child:after {
display: none;
}
#menu-cert-main-menu li:first-child {
position: relative;
}
#menu-cert-main-menu li:first-child:before {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
display: inline-block;
font-family: entypo;
position: absolute;
content: "←";
font-weight: 100;
font-size: 11px;
color: #787878;
height: 16px;
margin: auto;
left: 10px;
bottom: 0;
top: 7px;
}
@media (max-width: 991px) {
#menu-cert-main-menu li:first-child:before {
left: 0;
}
}
@media (max-width: 767px) {
#menu-cert-main-menu li:first-child:before {
display: table;
width: 20px;
right: 92px;
}
}
#menu-cert-main-menu li:first-child:after {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
border-right: 1px solid #787878;
position: absolute;
display: inline;
height: 16px;
margin: auto;
content: "";
bottom: 0;
right: 0;
top: 0;
}
#menu-cert-main-menu li a {
font: 600 14px "Open Sans";
padding: 16px 20px;
color: #787878;
display: block;
}
@media (max-width: 1199px) {
#menu-cert-main-menu li a {
padding: 16px;
}
}
@media (max-width: 991px) {
#menu-cert-main-menu li a {
padding: 16px 7px;
}
}
@media (max-width: 767px) {
#menu-cert-main-menu li a {
font-size: 14px;
padding: 10px;
}
}
#menu-cert-main-menu li:hover:first-child:before {
color: #CF0000;
left: 6px;
}
@media (max-width: 991px) {
#menu-cert-main-menu li:hover:first-child:before {
left: -6px;
}
}
#menu-cert-main-menu li:hover:first-child:after {
border-color: #CF0000;
}
#menu-cert-main-menu li:hover a, #menu-cert-main-menu li.current-menu-ancestor a, #menu-cert-main-menu li.current-menu-item a {
background: transparent;
color: #CF0000;
}
#menu-cert-main-menu li.current-menu-ancestor a, #menu-cert-main-menu li.current-menu-item a {
font-weight: 700;
}
#menu-cert-main-menu li.menu-item-has-children {
position: relative;
}
#menu-cert-main-menu 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;
}
#menu-cert-main-menu li.menu-item-has-children ul {
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
border: 1px solid transparent;
position: absolute;
text-align: left;
background: #fff;
overflow: hidden;
list-style: none;
max-height: 0px;
width: 250px;
opacity: 0;
padding: 0;
z-index: 1;
top: 51px;
left: 0;
}
@media (max-width: 767px) {
#menu-cert-main-menu li.menu-item-has-children ul {
background: #f5f5f5;
position: relative;
border: none;
width: 100%;
top: 0;
}
}
#menu-cert-main-menu li.menu-item-has-children ul li {
display: block;
float: none;
}
#menu-cert-main-menu 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) {
#menu-cert-main-menu li.menu-item-has-children ul li a {
text-align: center;
}
}
#menu-cert-main-menu li.menu-item-has-children ul li a:after {
display: none;
}
#menu-cert-main-menu li.menu-item-has-children:hover li a, #menu-cert-main-menu li.menu-item-has-children.current-menu-ancestor li a {
color: #787878;
}
#menu-cert-main-menu li.menu-item-has-children:hover li:hover a, #menu-cert-main-menu li.menu-item-has-children:hover li.current-menu-item a, #menu-cert-main-menu li.menu-item-has-children.current-menu-ancestor li:hover a, #menu-cert-main-menu li.menu-item-has-children.current-menu-ancestor li.current-menu-item a {
background: #ffeffe;
color: #CF0000;
}
#menu-cert-main-menu li.menu-item-has-children:hover a:after {
content: "\e75f";
}
#menu-cert-main-menu li.menu-item-has-children:hover ul {
border: 1px solid #e3e3e3;
max-height: 500px;
padding: 5px 0;
opacity: 1;
}
@media (max-width: 767px) {
#menu-cert-main-menu li.menu-item-has-children:hover ul {
margin: 7px 0;
}
}
#menu-members-main-menu,
#menu-header-menu {
text-align: center;
position: relative;
margin: 0 auto;
display: table;
float: none;
width: 100%;
border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
#menu-members-main-menu,
#menu-header-menu {
padding: 15px 0;
display: block;
}
}
#menu-members-main-menu ul,
#menu-header-menu ul {
padding: 0;
margin: 0;
}
#menu-members-main-menu li.menu-ace_live > .sub-menu > li > a,
#menu-header-menu li.menu-ace_live > .sub-menu > li > a {
font-size: 16px;
font-weight: 700;
text-align: center;
color: #CF0000;
}
#menu-members-main-menu li.menu-ace_live .sub-menu,
#menu-header-menu li.menu-ace_live .sub-menu {
width: 320px;
}
@media (max-width: 767px) {
#menu-members-main-menu li.menu-ace_live .sub-menu,
#menu-header-menu li.menu-ace_live .sub-menu {
width: initial;
}
}
@media (max-width: 767px) {
#menu-members-main-menu li.menu-ace_live .sub-menu li a,
#menu-header-menu li.menu-ace_live .sub-menu li a {
text-align: left;
}
}
#menu-members-main-menu li.menu-ace_live:hover .sub-menu,
#menu-header-menu li.menu-ace_live:hover .sub-menu {
max-height: calc(100vh - 190px);
}
#menu-members-main-menu li.menu-ace_live .sub-menu,
#menu-header-menu li.menu-ace_live .sub-menu {
overflow-y: scroll;
}
@media (max-width: 767px) {
#menu-members-main-menu li.menu-ace_live .sub-menu,
#menu-header-menu li.menu-ace_live .sub-menu {
height: initial;
}
}
#menu-members-main-menu li,
#menu-header-menu li {
display: inline-block;
}
@media (max-width: 767px) {
#menu-members-main-menu li,
#menu-header-menu li {
display: block;
}
}
#menu-members-main-menu li.with_btn a,
#menu-header-menu li.with_btn a {
background: #f19109;
font-size: 13px;
border-radius: 40px;
position: relative;
padding: 8px 22px;
font-weight: 600;
margin: -10px 0;
margin-left: 15px;
color: #fff;
}
@media (max-width: 991px) {
#menu-members-main-menu li.with_btn a,
#menu-header-menu li.with_btn a {
font-size: 12px;
padding: 6px 15px;
}
}
@media (max-width: 767px) {
#menu-members-main-menu li.with_btn a,
#menu-header-menu li.with_btn a {
margin: 0 auto;
max-width: 190px;
}
}
#menu-members-main-menu li.with_btn a:hover,
#menu-header-menu li.with_btn a:hover {
background: #d88208;
color: #fff;
}
#menu-members-main-menu li a,
#menu-header-menu li a {
font-size: 14px;
font-weight: 600;
color: #787878;
text-decoration: none;
-webkit-transition: 0.15s;
transition: 0.15s;
padding: 25px 15px;
display: block;
}
@media (max-width: 991px) {
#menu-members-main-menu li a,
#menu-header-menu li a {
font-size: 12px;
padding: 20px 5px;
}
}
@media (max-width: 767px) {
#menu-members-main-menu li a,
#menu-header-menu li a {
font-size: 14px;
padding: 10px;
}
}
#menu-members-main-menu li:hover a, #menu-members-main-menu li.current-menu-ancestor a, #menu-members-main-menu li.current-menu-item a, #menu-members-main-menu li.current_page_item a,
#menu-header-menu li:hover a,
#menu-header-menu li.current-menu-ancestor a,
#menu-header-menu li.current-menu-item a,
#menu-header-menu li.current_page_item a {
background: transparent;
font-weight: 600;
color: #CF0000;
}
#menu-members-main-menu li.menu-item-has-children,
#menu-header-menu li.menu-item-has-children {
position: relative;
}
#menu-members-main-menu li.menu-item-has-children a:after,
#menu-header-menu 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;
}
@media (max-width: 991px) {
#menu-members-main-menu li.menu-item-has-children a:after,
#menu-header-menu li.menu-item-has-children a:after {
position: relative;
top: 2px;
left: -2px;
}
}
@media (max-width: 767px) {
#menu-members-main-menu li.menu-item-has-children a:after,
#menu-header-menu li.menu-item-has-children a:after {
top: 1px;
}
}
#menu-members-main-menu li.menu-item-has-children ul.sub-menu ul li a,
#menu-header-menu li.menu-item-has-children ul.sub-menu ul li a {
text-align: left;
font-size: 12px;
max-width: 222px;
color: #787878 !important;
font-weight: 600 !important;
}
#menu-members-main-menu li.menu-item-has-children ul.sub-menu ul li a span,
#menu-header-menu li.menu-item-has-children ul.sub-menu ul li a span {
font-weight: 700 !important;
color: #CF0000 !important;
font-style: italic;
}
#menu-members-main-menu li.menu-item-has-children ul,
#menu-header-menu li.menu-item-has-children ul {
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
border: 1px solid transparent;
position: absolute;
text-align: left;
background: #fff;
overflow: hidden;
list-style: none;
max-height: 0px;
width: 250px;
opacity: 0;
padding: 0;
z-index: 1;
top: 65px;
left: 0;
border-top: 0px !important;
}
@media (max-width: 991px) {
#menu-members-main-menu li.menu-item-has-children ul,
#menu-header-menu li.menu-item-has-children ul {
top: 54px;
}
}
@media (max-width: 767px) {
#menu-members-main-menu li.menu-item-has-children ul,
#menu-header-menu li.menu-item-has-children ul {
background: #f5f5f5;
position: relative;
border: none;
width: 100%;
top: 0;
}
}
#menu-members-main-menu li.menu-item-has-children ul li,
#menu-header-menu li.menu-item-has-children ul li {
display: block;
border-bottom: 1px solid #ddd;
}
#menu-members-main-menu li.menu-item-has-children ul li:last-child,
#menu-header-menu li.menu-item-has-children ul li:last-child {
border: none;
}
#menu-members-main-menu li.menu-item-has-children ul li a,
#menu-header-menu li.menu-item-has-children ul li a {
padding: 11.5px 15px;
text-align: left;
display: block;
font-size: 14px;
line-height: 15px;
font-weight: 600;
}
@media (max-width: 991px) {
#menu-members-main-menu li.menu-item-has-children ul li a,
#menu-header-menu li.menu-item-has-children ul li a {
font-size: 13px;
}
}
@media (max-width: 767px) {
#menu-members-main-menu li.menu-item-has-children ul li a,
#menu-header-menu li.menu-item-has-children ul li a {
text-align: center;
}
}
#menu-members-main-menu li.menu-item-has-children ul li a:after,
#menu-header-menu li.menu-item-has-children ul li a:after {
display: none;
}
#menu-members-main-menu li.menu-item-has-children ul li a span,
#menu-header-menu li.menu-item-has-children ul li a span {
font-weight: 700;
font-style: normal;
}
#menu-members-main-menu li.menu-item-has-children:hover li a, #menu-members-main-menu li.menu-item-has-children.current-menu-ancestor li a,
#menu-header-menu li.menu-item-has-children:hover li a,
#menu-header-menu li.menu-item-has-children.current-menu-ancestor li a {
color: #787878;
}
#menu-members-main-menu li.menu-item-has-children:hover li:hover a, #menu-members-main-menu li.menu-item-has-children:hover li.current-menu-item a, #menu-members-main-menu li.menu-item-has-children.current-menu-ancestor li:hover a, #menu-members-main-menu li.menu-item-has-children.current-menu-ancestor li.current-menu-item a,
#menu-header-menu li.menu-item-has-children:hover li:hover a,
#menu-header-menu li.menu-item-has-children:hover li.current-menu-item a,
#menu-header-menu li.menu-item-has-children.current-menu-ancestor li:hover a,
#menu-header-menu li.menu-item-has-children.current-menu-ancestor li.current-menu-item a {
color: #CF0000;
}
#menu-members-main-menu li.menu-item-has-children:hover li:hover a:hover, #menu-members-main-menu li.menu-item-has-children:hover li.current-menu-item a:hover, #menu-members-main-menu li.menu-item-has-children.current-menu-ancestor li:hover a:hover, #menu-members-main-menu li.menu-item-has-children.current-menu-ancestor li.current-menu-item a:hover,
#menu-header-menu li.menu-item-has-children:hover li:hover a:hover,
#menu-header-menu li.menu-item-has-children:hover li.current-menu-item a:hover,
#menu-header-menu li.menu-item-has-children.current-menu-ancestor li:hover a:hover,
#menu-header-menu li.menu-item-has-children.current-menu-ancestor li.current-menu-item a:hover {
background: #ffeffe;
}
#menu-members-main-menu li.menu-item-has-children:hover a:after,
#menu-header-menu li.menu-item-has-children:hover a:after {
content: "\e75f";
}
#menu-members-main-menu li.menu-item-has-children:hover ul,
#menu-header-menu li.menu-item-has-children:hover ul {
border: 1px solid #e3e3e3;
max-height: 500px;
overflow-y: scroll;
padding: 0 0;
border-top: 0;
opacity: 1;
}
@media (max-width: 767px) {
#menu-members-main-menu li.menu-item-has-children:hover ul,
#menu-header-menu li.menu-item-has-children:hover ul {
width: 100%;
}
}
#menu-members-main-menu li.menu-item-has-children .menu-item-has-children,
#menu-header-menu li.menu-item-has-children .menu-item-has-children {
position: relative;
cursor: pointer;
}
#menu-members-main-menu li.menu-item-has-children .menu-item-has-children .sub-menu,
#menu-header-menu li.menu-item-has-children .menu-item-has-children .sub-menu {
max-height: calc(100vh - 250px);
overflow-y: scroll;
}
@media (max-width: 767px) {
#menu-members-main-menu li.menu-item-has-children .menu-item-has-children .sub-menu,
#menu-header-menu li.menu-item-has-children .menu-item-has-children .sub-menu {
height: initial;
overflow: initial;
}
}
#menu-members-main-menu li.menu-item-has-children .menu-item-has-children:after,
#menu-header-menu li.menu-item-has-children .menu-item-has-children:after {
font-size: 20px;
font-family: "entypo";
display: inline-block;
padding: 0 0 0 5px;
content: "\e75c";
right: 9px;
top: 9px;
display: block;
position: absolute;
}
#menu-members-main-menu li.menu-item-has-children .menu-item-has-children.open,
#menu-header-menu li.menu-item-has-children .menu-item-has-children.open {
background: #ffeffe;
}
#menu-members-main-menu li.menu-item-has-children .menu-item-has-children.open a,
#menu-header-menu li.menu-item-has-children .menu-item-has-children.open a {
color: #CF0000;
}
#menu-members-main-menu li.menu-item-has-children .menu-item-has-children.open:after,
#menu-header-menu li.menu-item-has-children .menu-item-has-children.open:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
right: 5px;
}
#menu-members-main-menu li.menu-item-has-children .menu-item-has-children.open .sub-menu,
#menu-header-menu li.menu-item-has-children .menu-item-has-children.open .sub-menu {
display: block;
border: none;
}
#menu-members-main-menu li.menu-item-has-children .menu-item-has-children .sub-menu,
#menu-header-menu li.menu-item-has-children .menu-item-has-children .sub-menu {
display: none;
position: relative;
top: 0;
padding-left: 10px;
padding-top: 0;
border-top: 1px solid #ddd !important;
}
#menu-members-main-menu li.menu-item-has-children .menu-item-has-children .sub-menu li a,
#menu-header-menu li.menu-item-has-children .menu-item-has-children .sub-menu li a {
background: none;
padding-left: 7px;
}
#menu-members-main-menu li.menu-item-has-children .menu-item-has-children .sub-menu li a:hover,
#menu-header-menu li.menu-item-has-children .menu-item-has-children .sub-menu li a:hover {
background: #ffeffe;
}
.popover-body {
padding: 0;
}
.logo_section {
position: relative;
}
.logo_section button {
background: transparent;
position: absolute;
border-radius: 0;
font-size: 18px;
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: #CF0000;
}
.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;
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 "Open Sans";
letter-spacing: -0.5px;
padding-left: 10px;
text-align: left;
color: #787878;
display: block;
}
.logo_section ul.links li a [class^=icon-] {
-webkit-transition: all 0.3s linear;
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;
}
#banner {
background: url("../img/pages/mmbrs/groups/sub-banner.jpg") no-repeat center center;
background-size: cover;
text-align: center;
color: #fff;
padding: 0;
}
#banner.community {
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 40px;
}
}
@media (max-width: 767px) {
#banner.community > .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
#banner.community .social {
margin: 0 auto 75px 0;
width: 96px;
}
@media (max-width: 991px) {
#banner.community .social {
margin: 0 auto 50px 0;
}
}
@media (max-width: 767px) {
#banner.community .social {
margin-top: 20px;
margin: 0 auto 30px 0;
}
}
@media (max-width: 639px) {
#banner.community .social {
width: 80px;
}
}
#banner.community .col-lg-8 {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
@media (max-width: 767px) {
#banner.community .col-lg-8 {
text-align: left;
display: block;
-webkit-box-flex: 1;
-ms-flex: auto;
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;
}
@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;
}
}
@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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
}
@media (max-width: 991px) {
#banner.community .soc {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (max-width: 767px) {
#banner.community .soc {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
#banner.community .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
color: #fff;
background: #CF0000;
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 {
margin: 15px 10px 0;
max-width: 300px;
padding: 12px 0;
display: block;
}
}
@media (max-width: 639px) {
#banner.community .btn {
width: 100%;
max-width: 384px;
margin: 10px 10px;
}
}
@media (max-width: 479px) {
#banner.community .btn {
font-size: 15px;
padding: 10px 0;
}
}
#banner.community .btn:hover {
color: #fff;
}
#banner.community .btn span {
position: relative;
top: -2px;
margin: 0px 10px 0 -27px;
vertical-align: middle;
font-size: 22px;
}
@media (max-width: 479px) {
#banner.community .btn span {
font-size: 20px;
}
}
#banner.faq {
padding: 70px 0 130px;
background-size: cover;
}
@media (max-width: 991px) {
#banner.faq {
padding: 50px 0 90px;
}
}
@media (max-width: 639px) {
#banner.faq {
padding: 30px 0;
}
}
#banner.faq h1 {
font-size: 42px;
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;
}
}
#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 {
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 {
margin: 5px auto;
}
}
@media (max-width: 479px) {
#banner.reg.calendar .btns .btn {
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/pages/community/banner-red.jpg") no-repeat 50% 50%;
padding: 20px 24px 28px;
background-size: cover;
border-radius: 4px;
}
@media (max-width: 767px) {
#banner.community {
padding: 20px 15px 60px;
}
}
@media (max-width: 767px) {
#banner.community > .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
#banner.community .social {
margin: 0 auto 85px 0;
width: 96px;
}
@media (max-width: 767px) {
#banner.community .social {
margin-top: 20px;
margin: 0 auto 30px 0;
}
}
@media (max-width: 639px) {
#banner.community .social {
width: 80px;
}
}
#banner.community .col-lg-6 {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
@media (max-width: 767px) {
#banner.community .col-lg-6 {
text-align: left;
display: block;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
}
@media (max-width: 639px) {
#banner.community .col-lg-6 {
text-align: center;
}
}
#banner.community h1 {
font-size: 26px;
line-height: 1.4;
font-weight: 700;
text-align: left;
}
@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;
}
}
@media (max-width: 479px) {
#banner.community h1 {
font-size: 20px;
}
}
@media (max-width: 1199px) {
#banner.community h1 br {
display: none;
}
}
#banner.community .btn {
font-size: 14px;
font-weight: 700;
color: #fff;
background: #CF0000;
border-radius: 100px;
margin: auto 0 14px auto;
letter-spacing: 0;
padding: 11px 44px;
width: 220px;
}
@media (max-width: 1199px) {
#banner.community .btn {
margin: auto 0 5px auto;
}
}
@media (max-width: 767px) {
#banner.community .btn {
margin: 15px 0 0;
max-width: 300px;
padding: 12px 0;
display: block;
}
}
@media (max-width: 639px) {
#banner.community .btn {
width: 100%;
max-width: 384px;
margin: 10px auto;
}
}
@media (max-width: 479px) {
#banner.community .btn {
font-size: 15px;
padding: 10px 0;
}
}
#banner.community .btn:hover {
color: #fff;
}
#banner.community .btn .icon-facebook-squared {
margin: 0px 10px 0 -27px;
vertical-align: middle;
font-size: 24px;
}
@media (max-width: 479px) {
#banner.community .btn .icon-facebook-squared {
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 58px;
}
#banner.res_lib.search {
padding: 47px 15px 0;
border: none;
}
#banner.res_lib.search .res_count {
font-size: 13px;
line-height: 1.45;
font-weight: 600;
color: #a1a1a1;
border-bottom: 1px solid #ddd;
padding: 44px 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;
-webkit-transition: all 0.3s linear;
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 {
-webkit-box-shadow: 0 0 8px rgb(0, 111, 245);
box-shadow: 0 0 8px rgb(0, 111, 245);
border-color: #CF0000;
}
#banner.res_lib #search button {
font-size: 30px;
line-height: 66px;
font-weight: 400;
color: #CF0000;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
background: transparent;
-webkit-transform: scale(1);
-ms-transform: scale(1);
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 {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
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.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: -webkit-box;
display: -ms-flexbox;
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 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
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 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 52%;
-ms-flex: 52% 0 0px;
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;
-webkit-transition: color 0.3s linear;
transition: color 0.3s linear;
text-decoration: underline;
margin-right: 3px;
}
#banner.mmbrs_tc a.play:hover {
color: #f19109;
}
#banner.mmbrs_tc a.play:hover span.icon-play {
border-color: #f19109;
}
@media (max-width: 767px) {
#banner.mmbrs_tc a.play {
font-size: 14px;
color: #f19109;
}
}
#banner.mmbrs_tc a.play span.icon-play {
-webkit-transition: border-color 0.3s linear;
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/bg_blue_line.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;
}
}
@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 {
text-transform: uppercase;
border-radius: 100px;
padding: 15px 40px;
}
@media (max-width: 767px) {
#banner.cert.apply.ty .btn {
margin: 15px auto 0;
padding: 12px 40px;
}
}
@media (max-width: 479px) {
#banner.cert.apply.ty .btn {
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 {
letter-spacing: 4px;
padding: 12px 35px;
}
@media (max-width: 1919px) {
#banner.cert.sales header .btn {
font-size: 13px;
letter-spacing: 2px;
padding: 10px 30px;
}
}
@media (max-width: 1199px) {
#banner.cert.sales header .btn {
padding: 10px 25px;
}
}
@media (max-width: 479px) {
#banner.cert.sales header .btn {
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 {
letter-spacing: 2.2px;
font-size: 17px;
padding: 17px 27px;
}
@media (max-width: 1919px) {
#banner.cert.sales .txt_wrap .btn {
font-size: 15px;
padding: 12px 40px;
}
}
@media (max-width: 479px) {
#banner.cert.sales .txt_wrap .btn {
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;
}
}
.main-banner {
padding: 5px 0 237px;
color: #ffffff;
overflow: hidden;
text-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2);
}
.main-banner header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 30px;
margin-bottom: 50px;
}
@media (max-width: 991px) {
.main-banner header {
padding: 10px 20px;
}
}
@media (max-width: 639px) {
.main-banner header {
padding: 10px 15px;
}
}
.main-banner header .btn-yellow {
text-transform: uppercase;
}
.main-banner header .navbar-toggle {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
outline: none;
font-size: 42px;
color: #fff;
padding: 0 15px;
margin-left: auto;
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.main-banner header .navbar-toggle {
padding: 0 0 0 15px;
}
}
@media (max-width: 639px) {
.main-banner header .navbar-toggle {
font-size: 40px;
}
}
@media (max-width: 479px) {
.main-banner header .navbar-toggle {
font-size: 36px;
}
}
.main-banner header .navbar-expand-xl {
width: 100%;
padding: 0;
}
@media (max-width: 1199px) {
.main-banner header .navbar-expand-xl .navbar-collapse {
background: rgba(0, 0, 0, 0.8);
padding: 70px 15px 15px;
text-align: center;
position: absolute;
z-index: -1;
right: -30px;
left: -30px;
top: 0;
}
.main-banner header .navbar-expand-xl .navbar-collapse a {
display: block;
padding: 6px;
}
.main-banner header .navbar-expand-xl .navbar-collapse a.btn {
display: inline-block;
margin: 15px;
}
}
.main-banner header .header-nav {
padding-right: 5px;
padding-top: 12px;
}
@media (max-width: 991px) {
.main-banner header .header-nav {
padding-top: 0;
position: absolute;
left: 0;
right: 0;
}
}
@media (max-width: 991px) {
.main-banner header #main_navbar {
position: absolute;
left: -15px;
right: -15px;
top: -15px;
padding-top: 0px;
background: rgba(0, 0, 0, 0.9);
}
.main-banner header #main_navbar > a {
display: block;
margin: 0 auto;
text-align: center;
padding: 10px;
}
.main-banner header #main_navbar > a:first-child {
margin-top: 88px;
}
.main-banner header #main_navbar > a.btn.btn-yellow {
padding: 7px 18px;
margin: 10px auto 20px;
max-width: 260px;
}
}
@media (max-width: 991px) and (max-width: 479px) {
.main-banner header #main_navbar > a.btn.btn-yellow {
max-width: calc(100% - 60px);
}
}
.main-banner header .header-nav a, .main-banner header .navbar-collapse a {
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
font-size: 14px;
font-weight: 600;
-webkit-transition: 0.2s;
transition: 0.2s;
position: relative;
padding: 0 20px;
color: #fff;
margin: 0;
}
@media (max-width: 1919px) {
.main-banner header .header-nav a, .main-banner header .navbar-collapse a {
padding: 0 15px;
}
}
@media (max-width: 1199px) {
.main-banner header .header-nav a, .main-banner header .navbar-collapse a {
margin-right: 11px;
padding: 0 5px;
}
}
.main-banner header .header-nav a:after, .main-banner header .navbar-collapse a:after {
content: "";
display: block;
position: absolute;
right: -2px;
width: 1px;
height: 14px;
background: #fff;
opacity: 0.4;
top: 3px;
}
@media (max-width: 1199px) {
.main-banner header .header-nav a:after, .main-banner header .navbar-collapse a:after {
display: none;
}
}
.main-banner header .header-nav a:hover, .main-banner header .navbar-collapse a:hover {
text-decoration: none;
color: #f19109;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
}
.main-banner header .header-nav a:nth-last-of-type(2):after, .main-banner header .navbar-collapse a:nth-last-of-type(2):after {
display: none;
}
.main-banner header .header-nav .btn-yellow, .main-banner header .navbar-collapse .btn-yellow {
position: relative;
top: 0;
font-weight: 700;
text-shadow: none;
letter-spacing: 2.5px;
border-radius: 50px;
padding: 8px 34px;
}
@media (max-width: 1919px) {
.main-banner header .header-nav .btn-yellow, .main-banner header .navbar-collapse .btn-yellow {
padding: 7px 27px;
}
}
@media (max-width: 1199px) {
.main-banner header .header-nav .btn-yellow, .main-banner header .navbar-collapse .btn-yellow {
padding: 7px 18px;
}
}
@media (max-width: 767px) {
.main-banner header .header-nav .btn-yellow, .main-banner header .navbar-collapse .btn-yellow {
letter-spacing: 1.5px;
}
}
.main-banner header .header-nav .btn-yellow:after, .main-banner header .navbar-collapse .btn-yellow:after {
display: none;
}
.main-banner header .header-nav .btn-yellow:hover, .main-banner header .navbar-collapse .btn-yellow:hover {
color: #fff;
}
.main-banner .home_link {
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
.main-banner .btn-yellow {
text-transform: uppercase;
}
.main-banner .container {
text-align: center;
}
.main-banner .container h1 {
text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.8);
font-size: 45px;
line-height: 1.34;
font-weight: 700;
max-width: 800px;
margin: 106px auto 10px;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (max-width: 991px) {
.main-banner .container h1 {
font-size: 34px;
padding: 0;
}
}
@media (max-width: 1199px) {
.main-banner .container h1 {
font-size: 40px;
}
}
@media (max-width: 991px) {
.main-banner .container h1 {
font-size: 32px;
}
}
@media (max-width: 767px) {
.main-banner .container h1 {
margin: 70px auto 10px;
font-size: 28px;
}
}
@media (max-width: 639px) {
.main-banner .container h1 {
margin: 50px auto 10px;
font-size: 24px;
}
}
@media (max-width: 479px) {
.main-banner .container h1 {
font-size: 20px;
}
}
.main-banner .container p {
font-size: 22px;
line-height: 1.6;
font-weight: 400;
margin: 0 0 39px;
}
@media (max-width: 1919px) {
.main-banner .container p {
font-size: 20px;
}
}
@media (max-width: 1199px) {
.main-banner .container p {
margin: 0 0 32px;
}
}
@media (max-width: 639px) {
.main-banner .container p {
font-size: 16px;
}
}
.main-banner .container .btn {
letter-spacing: 3px;
}
@media (max-width: 767px) {
.main-banner .container .btn {
letter-spacing: 2px;
font-size: 13px;
}
}
@media (max-width: 639px) {
.main-banner .container .btn {
padding: 9px 30px;
}
}
.numbers_wrap {
display: -webkit-box;
display: -ms-flexbox;
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-gradient(linear, left top, right top, from(#2f77c9), to(#4437be));
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 "Open Sans";
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: 50px;
}
footer img.logo {
margin: 0 0 32px;
width: 120px;
height: auto;
}
@media (max-width: 991px) {
footer img.logo {
margin: 0;
}
}
@media (max-width: 767px) {
footer img.logo {
width: 100px;
}
}
footer .social {
display: inline-block;
}
@media (max-width: 991px) {
footer .social {
float: right;
}
}
footer .social a {
background: transparent;
display: inline-block;
border-radius: 50%;
text-align: center;
margin: 0 0 -5px 0;
line-height: 32px;
font-size: 26px;
height: 38px;
width: 38px;
color: #CF0000;
}
@media (max-width: 991px) {
footer .social a {
margin: 0;
}
}
@media (max-width: 479px) {
footer .social a {
font-size: 20px;
line-height: 30px;
height: 34px;
width: 34px;
}
}
@media (max-width: 991px) {
footer .social a:first-child {
margin: 0 5px;
}
}
footer .social a:hover {
-webkit-transform: rotate(360deg) scale(1.8);
-ms-transform: rotate(360deg) scale(1.8);
transform: rotate(360deg) scale(1.8);
}
footer .menu-footer-menu-container {
vertical-align: bottom;
display: inline-block;
margin-left: 18px;
}
@media (max-width: 991px) {
footer .menu-footer-menu-container {
text-align: center;
margin-left: 5px;
margin: 20px 0;
width: 100%;
}
}
footer .menu-footer-menu-container ul {
list-style: none;
padding: 0 0 7px;
margin: 0;
}
@media (max-width: 991px) {
footer .menu-footer-menu-container ul {
padding: 0;
}
}
footer .menu-footer-menu-container ul li {
display: inline-block;
padding: 0;
margin: 0;
}
footer .menu-footer-menu-container ul li.current-menu-item a {
font-weight: 700;
color: #00a763;
}
footer .menu-footer-menu-container ul li a {
font-size: 13px;
font-weight: 600;
color: #515151;
margin-right: 35px;
}
@media (max-width: 991px) {
footer .menu-footer-menu-container ul li a {
margin-right: 10px;
}
}
footer .menu-footer-menu-container ul li:last-child a {
margin-right: 0;
}
footer .with_love {
font-size: 12px;
line-height: 1.65em;
font-weight: 600;
color: #515151;
border-bottom: 1px solid #ccc;
letter-spacing: 0.4px;
position: relative;
text-align: right;
margin: 0;
}
@media (max-width: 991px) {
footer .with_love {
text-align: center;
margin: 15px 0 0;
border: none;
}
}
footer .with_love .icon-heart {
font-size: 16px;
color: #CF0000;
}
footer .with_love .txt_wrap {
letter-spacing: 0.4px;
padding: 0 0 0 20px;
position: relative;
background: #fff;
z-index: 1;
top: 7px;
}
@media (max-width: 991px) {
footer .with_love .txt_wrap {
padding: 0;
top: 0;
}
}
footer p.copy {
font-size: 13px;
line-height: 1.65em;
font-style: italic;
color: #767676;
padding: 27px 0;
margin: 0;
}
@media (max-width: 991px) {
footer p.copy {
padding: 15px 0 20px;
text-align: center;
}
}
footer p.copy a {
color: #CF0000;
}
#prices {
position: relative;
font-family: "Open Sans";
z-index: 1;
max-width: 1620px;
background: none;
border-radius: 10px;
margin: 0 auto;
padding: 0 0 0;
}
@media (max-width: 1199px) {
#prices {
padding: 0 0 0;
}
}
@media (max-width: 991px) {
#prices {
padding: 0 0 0;
}
}
@media (max-width: 767px) {
#prices {
padding: 0 0 0;
margin: 0 auto;
}
}
@media (max-width: 639px) {
#prices {
padding: 0 0 0;
}
}
@media (max-width: 479px) {
#prices {
padding: 0 0 0;
}
}
#prices .down_icon_new.mid {
margin: 50px auto 35px;
}
@media (max-width: 991px) {
#prices .container {
max-width: 100% !important;
}
}
#prices.upsell .full_price {
font-size: 16px;
font-weight: 500;
}
@media (max-width: 639px) {
#prices.upsell .full_price {
font-size: 14px;
font-weight: 400;
}
}
#prices.upsell .pay_price {
font-size: 40px;
font-weight: 400;
color: #009e00;
margin: 0 0 7px;
display: block;
}
@media (max-width: 639px) {
#prices.upsell .pay_price {
font-size: 32px;
}
}
#prices.upsell .inner_wrap .btn-yellow {
margin-bottom: 10px;
}
#prices h2 {
text-align: center;
margin: 10px auto;
}
@media (max-width: 767px) {
#prices h2 {
margin: 0 auto 40px;
}
}
@media (max-width: 639px) {
#prices h2 {
margin: 0 auto 30px;
}
}
@media (max-width: 479px) {
#prices h2 {
margin: 0 auto 20px;
}
}
#prices p.promo {
margin: 0 auto;
}
#prices p.promo b {
color: #f19109;
}
@media (max-width: 991px) {
#prices p.promo br {
display: none;
}
}
#prices .row.tables {
margin: 70px 0 0;
background: #fff;
-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
@media (max-width: 767px) {
#prices .row.tables {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 90px 0 0;
}
}
@media (max-width: 639px) {
#prices .row.tables {
margin: 70px 0 0;
}
}
#prices .row.tables > div {
padding: 0;
}
#prices .row.tables > .col-md-4:nth-child(2) .price-col .head, #prices .row.tables > .col-md-4:nth-child(2) .price-col .details {
border-right: 1px solid #ddd;
}
#prices .row.tables .price-col {
margin: 0;
border: none;
}
@media (max-width: 767px) {
#prices .row.tables .price-col {
background: #fff;
-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
border-radius: 8px;
margin: 0 auto 15px !important;
max-width: 400px;
}
}
#prices .row.tables .price-col.recommended {
border-radius: 0;
position: relative;
margin: 0 -5px;
z-index: 2;
}
@media (max-width: 767px) {
#prices .row.tables .price-col.recommended {
margin-bottom: 60px !important;
}
}
#prices .row.tables .price-col.recommended:before {
content: "RECOMMENDED PACKAGE";
font-size: 15px;
font-weight: bold;
text-align: center;
display: block;
background: transparent;
color: #fff;
line-height: 40px;
border-radius: 6px 6px 0 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
position: absolute;
left: -5px;
right: -5px;
top: 0;
letter-spacing: 2.3px;
z-index: 1;
}
@media (max-width: 639px) {
#prices .row.tables .price-col.recommended:before {
font-size: 14px;
}
}
#prices .row.tables .price-col.recommended:after {
content: "RECOMMENDED PACKAGE";
font-size: 15px;
font-weight: bold;
text-align: center;
display: block;
background: #CF0000;
color: #fff;
line-height: 40px;
border-radius: 0 0 6px 6px;
position: absolute;
left: 0;
right: 0;
bottom: -40px;
letter-spacing: 2.3px;
}
@media (max-width: 639px) {
#prices .row.tables .price-col.recommended:after {
font-size: 14px;
}
}
#prices .row.tables .price-col.recommended .head {
padding-top: 61px;
margin: -41px 0 0 !important;
border-radius: 5px 5px 0 0 !important;
}
@media (max-width: 991px) {
#prices .row.tables .price-col.recommended .head {
padding-top: 55px;
}
}
#prices .row.tables .price-col.recommended .details, #prices .row.tables .price-col.recommended .foot {
border-left: 5px solid #CF0000;
border-right: 5px solid #CF0000;
}
#prices .row.tables .price-col .head {
background: none;
min-height: 310px;
margin: 0 !important;
text-align: center;
padding: 20px 20px 45px;
}
@media (max-width: 991px) {
#prices .row.tables .price-col .head {
min-height: 299px;
padding: 15px;
}
}
#prices .row.tables .price-col .head.cert {
background: url(../img/prices/price-recommend-head.jpg) center no-repeat;
min-height: 351px;
background-size: cover;
margin: 0 -5px;
}
@media (max-width: 991px) {
#prices .row.tables .price-col .head.cert {
min-height: 340px;
}
}
#prices .row.tables .price-col .foot .switch {
font-size: 15px;
position: relative;
font-weight: 600;
color: #000;
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: -12px 0 20px;
}
#prices .row.tables .price-col .foot .switch button {
font-size: 15px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: 600;
color: #000;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
outline: none;
cursor: pointer;
-webkit-transition: 0.2s;
transition: 0.2s;
}
@media (max-width: 639px) {
#prices .row.tables .price-col .foot .switch button {
font-size: 14px;
}
}
@media (max-width: 479px) {
#prices .row.tables .price-col .foot .switch button {
font-size: 13px;
}
}
#prices .row.tables .price-col .foot .switch button:hover {
opacity: 0.8;
}
#prices .row.tables .price-col .foot .switch button i {
display: block;
position: relative;
width: 30px;
height: 8px;
border-radius: 4px;
background: #ddd;
margin: 3px 25px 0;
}
#prices .row.tables .price-col .foot .switch button i:before {
content: "";
display: block;
width: 14px;
height: 14px;
background: #CF0000;
border-radius: 7px;
position: absolute;
right: 0;
top: -3px;
-webkit-transition: 0.15s ease-in;
transition: 0.15s ease-in;
}
#prices .row.tables .price-col .foot.monthly .switch button i:before {
right: 16px;
}
#asterix_target {
position: relative;
top: -90px;
}
@media (max-width: 1199px) {
#asterix_target {
top: -70px;
}
}
@media (max-width: 991px) {
#asterix_target {
top: -70px;
}
}
@media (max-width: 767px) {
#asterix_target {
top: -60px;
}
}
.price-col {
border: 1px solid #ddd;
margin-top: 100px;
}
@media (max-width: 991px) {
.price-col {
margin-bottom: 80px;
}
}
@media (max-width: 767px) {
.price-col {
margin-bottom: 20px;
margin-top: 20px;
}
}
.price-col.standalone .head {
padding: 40px 40px 30px;
text-align: left;
min-height: 0;
}
@media (max-width: 1919px) {
.price-col.standalone .head {
padding: 20px;
}
}
.price-col.standalone .head > img {
margin: -114px -35px 22px 0px;
float: right;
}
@media (max-width: 1919px) {
.price-col.standalone .head > img {
margin: -63px -23px 22px 0px;
height: 140px;
}
}
@media (max-width: 991px) {
.price-col.standalone .head > img {
height: 94px;
margin: -42px -28px 0 0;
}
}
@media (max-width: 767px) {
.price-col.standalone .head > img {
height: 95px;
margin-top: -32px;
}
}
.price-col.standalone .details ul li .inner {
max-width: 410px;
}
.price-col.standalone .details ul li.book .inner {
margin: 0 -5px 0 0;
max-width: 320px;
}
.price-col .head {
position: relative;
padding: 30px 20px 25px;
text-align: center;
color: #fff;
min-height: 310px;
/*img.box{
position: absolute;
width: 385px;
height: auto;
margin: auto;
top: -182px;
left: -22px;
right: 0;
@include breakpoint(lg) {
width: 320px;
left: -20px;
top: -120px;
};
}*/
}
@media (max-width: 767px) {
.price-col .head {
padding: 20px 20px 40px !important;
text-align: left;
min-height: 0 !important;
}
}
@media (max-width: 639px) {
.price-col .head {
text-align: center;
}
}
@media (max-width: 479px) {
.price-col .head {
padding: 20px 20px 30px !important;
}
}
.price-col .head:after {
content: "";
display: block;
position: absolute;
left: 35px;
right: 35px;
bottom: 0;
height: 1px;
background: #dddddd;
}
@media (max-width: 767px) {
.price-col .head:after {
left: 20px;
right: 20px;
}
}
.price-col .head.core {
background: #fff;
color: #000;
/*
> img {
margin: -75px -33px 37px 0;
height: 125px;
@include breakpoint(xl) {
margin: -44px -40px 37px 0;
height: 119px;
}
@include breakpoint(md){
margin: -32px -35px 0 0;
height: 81px;
}
@include breakpoint(sm) {
margin: -28px -33px 0 10px;
}
}
*/
}
@media (max-width: 767px) {
.price-col .head.core h3 br {
display: none;
}
}
@media (max-width: 767px) {
.price-col .head.enhanced {
border-right: none;
}
}
.price-col .head.cert {
background: url(../img/sales/price-recommend-head.png) center no-repeat;
min-height: 351px;
background-size: cover;
margin: 0;
/*
> img {
//margin: -118px -72px 13px -40px;
//height: 193px;
@include breakpoint(lg){
margin: -75px -53px 27px -40px;
height: 125px;
}
@include breakpoint(sm) {
margin: -2px 0 20px -29px;
float: none;
height: 100px;
}
@include breakpoint(xs) { margin: 0 -7px 10px 0;}
}
*/
}
@media (max-width: 767px) {
.price-col .head.cert {
padding-top: 50px !important;
}
}
.price-col .head.cert:after {
display: none;
}
.price-col .head.cert h3, .price-col .head.cert h4 {
color: #fff;
}
.price-col .head.cert p {
max-width: 280px;
color: #fff;
}
.price-col .head h3 {
font-size: 26px;
line-height: 1.38;
font-weight: bold;
color: #CF0000;
margin: 12px auto 9px;
}
@media (max-width: 991px) {
.price-col .head h3 {
font-size: 20px;
}
}
@media (max-width: 639px) {
.price-col .head h3 {
margin: 15px auto 5px;
}
}
.price-col .head h4 {
font-size: 50px;
line-height: 1;
font-weight: 400;
color: #CF0000;
margin: 25px auto 30px;
}
@media (max-width: 991px) {
.price-col .head h4 {
font-size: 38px;
}
}
.price-col .head p {
font-size: 14px;
line-height: 1.4;
font-weight: 400;
font-style: italic;
color: #747474;
margin: 3px auto 5px;
max-width: 241px;
}
@media (max-width: 1919px) {
.price-col .head p br {
display: none;
}
}
@media (max-width: 767px) {
.price-col .head p {
max-width: 320px;
margin: 10px auto;
}
}
.price-col .head > img {
height: auto;
width: auto;
display: inline-block;
margin: 22px auto 0;
}
.price-col .head > img.png {
width: 72px;
}
@media (max-width: 767px) {
.price-col .head > img.png {
width: 60px;
}
}
.price-col .head > img.svg {
width: 86px;
margin-bottom: -9px;
}
@media (max-width: 767px) {
.price-col .head > img.svg {
width: 72px;
margin-bottom: -6px;
}
}
.price-col .head .box {
left: initial;
width: 308px;
right: -15px;
top: -104px;
}
@media (max-width: 639px) {
.price-col .head .box {
width: 280px;
right: -5px;
top: -110px;
}
}
@media (max-width: 479px) {
.price-col .head .box {
margin: auto;
width: 240px;
right: 10px;
top: -130px;
left: 0;
}
}
.price-col .head input.btn.btn-yellow {
font-size: 18px;
padding: 2px 40px;
letter-spacing: 0;
height: 50px;
border: none;
}
@media (max-width: 639px) {
.price-col .head input.btn.btn-yellow {
margin-top: 10px;
font-size: 16px;
height: 42px;
}
}
.price-col .details .toggle {
font-size: 17px;
line-height: 62px;
font-weight: 700;
background: #eeeeee;
letter-spacing: 2.5px;
position: relative;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
display: block;
width: auto;
color: #CF0000;
padding: 0;
}
@media (max-width: 1199px) {
.price-col .details .toggle {
font-size: 16px;
line-height: 58px;
}
}
@media (max-width: 991px) {
.price-col .details .toggle {
font-size: 15px;
line-height: 56px;
}
}
@media (max-width: 639px) {
.price-col .details .toggle {
font-size: 15px;
line-height: 46px;
}
}
.price-col .details .toggle.cert {
background: #CF0000;
color: #fff;
}
.price-col .details .toggle.cert:hover {
color: #fff;
}
.price-col .details .toggle:hover {
opacity: 0.8;
color: rgba(207, 0, 0, 0.7);
}
.price-col .details .toggle:before {
border-radius: 0;
}
.price-col .details .toggle:after {
display: inline-block;
font-family: entypo;
font-style: normal;
content: "\e75c";
margin: 0 -16px 0 6px;
}
.price-col .details .toggle.in .out {
display: inline-block;
}
.price-col .details .toggle.in .in {
display: none;
}
.price-col .details .toggle.in:after {
content: "\e75f";
}
.price-col .details .toggle .in {
display: inline-block;
}
.price-col .details .toggle .out {
display: none;
}
.price-col .details span.toggle:after {
display: none;
}
.price-col .details ul {
text-align: center;
list-style: none;
padding: 45px 30px;
margin: 0;
}
@media (max-width: 991px) {
.price-col .details ul {
padding: 30px 20px;
}
}
@media (max-width: 639px) {
.price-col .details ul {
padding: 30px 20px;
}
}
.price-col .details ul li.has-popover .inner,
.price-col .details ul li.has-popover b {
color: #CF0000 !important;
font-weight: 600 !important;
}
.price-col .details ul.enhanced li {
border-right: 1px solid #ddd;
}
@media (max-width: 767px) {
.price-col .details ul.enhanced li {
border-right: none;
}
}
.price-col .details ul.enhanced li.fav-bg:before {
background: #CF0000;
}
.price-col .details ul.enhanced li b {
color: #CF0000;
}
.price-col .details ul.enhanced li .inner .dot {
background: #CF0000;
}
.price-col .details ul.cert li.fav-bg:before {
background: #CF0000;
}
.price-col .details ul li {
font-size: 18px;
line-height: 1.5;
font-weight: 400;
color: #000;
border: none !important;
position: relative;
margin: 0;
text-align: center;
}
@media (max-width: 639px) {
.price-col .details ul li {
font-size: 15px;
}
}
.price-col .details ul li:not(.no-dot):before {
display: block;
width: 4px;
height: 4px;
border-radius: 2px;
background: #CF0000;
position: absolute;
left: -10px;
top: 10px;
}
.price-col .details ul li .icon-dot {
font-size: 32px;
line-height: 33px;
margin: 0 auto;
display: block;
color: #aaaaaa;
}
.price-col .details ul li:first-child {
border-top: none;
}
@media (max-width: 767px) {
.price-col .details ul li.empty {
display: none;
}
}
.price-col .details ul li.height_1 {
min-height: 64px;
}
.price-col .details ul li.height_2 {
min-height: 96px;
}
.price-col .details ul li.height_3 {
min-height: 126px;
}
.price-col .details ul li.height_4 {
min-height: 160px;
}
.price-col .details ul li.height_5 {
height: 110px;
}
.price-col .details ul li.height_6 {
min-height: 200px;
}
.price-col .details ul li.height_7 {
min-height: 240px;
}
.price-col .details ul li.height_9 {
min-height: 560px;
}
@media (max-width: 991px) {
.price-col .details ul li.height_9 {
min-height: 632px;
}
}
.price-col .details ul li.height_9 .inner {
line-height: 1.76;
}
@media (max-width: 767px) {
.price-col .details ul li.height_9 .inner {
font-size: 16px !important;
}
}
@media (max-width: 479px) {
.price-col .details ul li.height_9 .inner {
font-size: 14px !important;
}
}
.price-col .details ul li.height_9 .inner > b {
line-height: 1.4;
}
.price-col .details ul li.height_9 .inner ul {
padding: 0;
}
.price-col .details ul li.height_9 .inner ul li {
text-indent: 13px;
line-height: 1.76;
}
.price-col .details ul li.height_9 .inner ul li:before {
left: 0;
top: 11px;
}
.price-col .details ul li .d-md-none {
display: block;
margin-top: 3px;
}
.price-col .details ul li.addnl {
overflow: visible;
position: relative;
}
.price-col .details ul li.addnl:before {
content: "Additionally";
font-size: 12px;
text-transform: uppercase;
line-height: 22px;
padding: 0 20px;
border-radius: 11px;
position: absolute;
top: -11px;
background: #CF0000;
color: #fff;
font-weight: bold;
letter-spacing: 2px;
}
.price-col .details ul li.fav-bg {
position: relative;
}
.price-col .details ul li.fav-bg > .inner {
position: relative;
z-index: 2;
}
.price-col .details ul li.fav-bg:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #f19109;
opacity: 0.15;
}
.price-col .details ul li .inner {
font-size: 16px;
line-height: 2;
text-align: center;
max-width: 352px;
color: #000;
padding: 10px 15px;
margin: 0 auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media (max-width: 1199px) {
.price-col .details ul li .inner {
font-size: 14px;
line-height: 1.9;
padding: 10px 15px;
}
}
@media (max-width: 991px) {
.price-col .details ul li .inner {
font-size: 13px;
line-height: 1.6;
padding: 10px;
}
}
@media (max-width: 767px) {
.price-col .details ul li .inner {
font-size: 14px;
line-height: 1.6;
max-width: 350px;
padding: 14px;
}
}
.price-col .details ul li .inner .dot {
display: block;
width: 8px;
height: 8px;
background: #00a763;
border-radius: 4px;
margin: 0 auto;
}
.price-col .details ul li .inner .icon-check {
display: inline-block;
width: 30px;
height: 30px;
background: #CF0000;
line-height: 30px;
color: #fff;
border-radius: 50%;
font-size: 22px;
}
@media (max-width: 767px) {
.price-col .details ul li .inner .icon-check {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 18px;
}
}
@media (max-width: 639px) {
.price-col .details ul li .inner .icon-check {
width: 24px;
height: 24px;
line-height: 24px;
font-size: 16px;
}
}
.price-col .details ul li .inner .icon-cancel {
color: #aaa;
font-size: 20px;
}
.price-col .details ul li.book {
min-height: 178px;
}
.price-col .details ul li.book img {
margin: -11px -81px 0 -1px;
}
@media (max-width: 1199px) {
.price-col .details ul li.book img {
margin: -11px -56px 0 -25px;
}
}
@media (max-width: 767px) {
.price-col .details ul li.book img {
margin: -5px 0 0 -25px;
}
}
.price-col .details ul li.book .inner {
padding: 0 20px 0 48px;
}
@media (max-width: 1199px) {
.price-col .details ul li.book .inner {
padding: 20px;
}
}
@media (max-width: 767px) {
.price-col .details ul li.book .inner {
padding: 15px;
max-width: 280px;
margin: 0 0px 0 -46px;
}
}
.price-col .details ul li b {
font-size: 22px;
font-weight: 700;
color: #CF0000;
display: inline-block;
position: relative;
}
@media (max-width: 1199px) {
.price-col .details ul li b {
font-size: 15px;
}
}
@media (max-width: 991px) {
.price-col .details ul li b {
font-size: 14px;
}
}
@media (max-width: 767px) {
.price-col .details ul li b {
display: block;
}
}
@media (max-width: 1199px) {
.price-col .details ul li b.fav {
margin-left: 27px;
}
}
.price-col .details ul li b.fav a.icon-star {
font-size: 12px;
line-height: 20px;
color: #fff;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
background: #00a763;
text-decoration: none;
border-radius: 10px;
position: absolute;
margin: 0 0 0 -29px;
border: none;
height: 20px;
width: 20px;
top: 5px;
}
@media (max-width: 1199px) {
.price-col .details ul li b.fav a.icon-star {
margin-left: -27px;
top: 4px;
}
}
.price-col .details ul li b.fav a.icon-star:hover {
background: #00a763;
}
.price-col .details ul.holder li .inner {
text-align: left;
}
.price-col .details ul.holder li .inner b {
display: inline-block;
}
.price-col .details .inner ul {
padding: 0 0 0 13px;
margin: 8px 0 0;
}
.price-col .details .inner ul li {
height: auto;
display: block;
min-height: 0;
background: transparent;
text-align: left;
font-size: 17px;
color: #000;
position: relative;
overflow: visible;
}
@media (max-width: 767px) {
.price-col .details .inner ul li {
font-size: 16px !important;
padding: 0 !important;
}
}
@media (max-width: 479px) {
.price-col .details .inner ul li {
font-size: 14px !important;
}
}
.price-col .details .inner ul li b {
display: inline;
font-size: 17px;
}
@media (max-width: 767px) {
.price-col .details .inner ul li b {
font-size: 16px !important;
padding: 0 !important;
}
}
@media (max-width: 479px) {
.price-col .details .inner ul li b {
font-size: 14px !important;
}
}
.price-col .details .inner ul li:before {
content: "";
display: block;
width: 6px;
height: 6px;
background: #9100a3;
border-radius: 50%;
position: absolute;
left: -12px;
top: 9px;
}
@media (max-width: 991px) {
.price-col .details .inner ul li:before {
top: 10px;
}
}
@media (max-width: 479px) {
.price-col .details .inner ul li:before {
top: 8px;
}
}
.price-col .foot {
border-top: 1px solid #ddd;
text-align: center;
overflow: hidden;
background: #fff;
display: block;
width: 100%;
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.price-col .foot {
border-radius: 0 0 7px 7px;
}
}
.price-col .foot.core {
border-radius: 0 0 7px 0 0;
}
.price-col .foot.monthly > .inner_wrap {
display: none;
}
.price-col .foot.monthly .monthly {
display: block;
}
.price-col .foot.enhanced {
border-right: 1px solid #ddd;
}
@media (max-width: 767px) {
.price-col .foot.enhanced {
border-right: none;
}
}
.price-col .foot.enhanced .cceu h3 {
color: #CF0000;
}
.price-col .foot.enhanced .cceu a {
border-color: #CF0000;
color: #CF0000;
}
.price-col .foot.subscription .btn.btn-yellow {
font-size: 24px;
line-height: 1;
padding: 24px 0 20px;
max-width: 80%;
margin: 0 auto;
}
@media (max-width: 991px) {
.price-col .foot.subscription .btn.btn-yellow {
max-width: 60%;
}
}
@media (max-width: 767px) {
.price-col .foot.subscription .btn.btn-yellow {
max-width: 90%;
}
}
@media (max-width: 479px) {
.price-col .foot.subscription .btn.btn-yellow {
padding: 16px 0 13px;
font-size: 20px;
max-width: 100%;
}
}
.price-col .foot.subscription .btn.btn-yellow small {
font-size: 15px;
font-weight: 600;
display: block;
}
@media (max-width: 479px) {
.price-col .foot.subscription .btn.btn-yellow small {
font-size: 13px;
}
}
@media (max-width: 767px) {
.price-col .foot.cert {
border-radius: 0;
}
}
.price-col .foot.cert .cceu h3 {
color: #CF0000;
}
.price-col .foot.cert .cceu a {
color: #CF0000;
border-color: #CF0000;
}
.price-col .foot .separator {
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: #f19109;
background: #fff;
width: 38px;
height: 38px;
border: 1px solid #ddd;
display: inline-block;
line-height: 36px;
border-radius: 50%;
position: relative;
margin: -14px 0 -13px;
}
.price-col .foot .separator:before {
content: "";
display: block;
position: absolute;
left: 100%;
width: 300px;
top: 50%;
border-bottom: 1px solid #ddd;
}
.price-col .foot .separator:after {
content: "";
display: block;
position: absolute;
right: 100%;
width: 300px;
top: 50%;
border-bottom: 1px solid #ddd;
}
.price-col .foot .join_enhanced {
background: url("../img/pages/sales/program/join_enhanced.jpg") no-repeat center top;
background-size: cover;
padding: 75px 92px 36px;
}
@media (max-width: 1199px) {
.price-col .foot .join_enhanced {
padding: 55px 40px 26px;
}
}
@media (max-width: 991px) {
.price-col .foot .join_enhanced {
padding: 58px 40px 35px;
}
}
@media (max-width: 639px) {
.price-col .foot .join_enhanced {
padding: 65px 40px 35px;
}
}
@media (max-width: 479px) {
.price-col .foot .join_enhanced {
padding: 65px 15px 35px;
}
}
.price-col .foot .join_enhanced p {
font-size: 15px;
font-style: italic;
color: #fff;
margin: 0 0 15px;
}
.price-col .foot .join_enhanced .btn.btn-yellow {
letter-spacing: 3px;
border-radius: 3px;
margin: 0 0 7px;
}
@media (max-width: 991px) {
.price-col .foot .join_enhanced .btn.btn-yellow {
font-size: 16px;
}
}
@media (max-width: 767px) {
.price-col .foot .join_enhanced .btn.btn-yellow {
letter-spacing: 1px;
max-width: 100%;
width: 100%;
}
}
@media (max-width: 639px) {
.price-col .foot .join_enhanced .btn.btn-yellow {
margin: 0 0 10px;
}
}
.price-col .foot .txt_wrap {
height: 706px;
}
@media (max-width: 1199px) {
.price-col .foot .txt_wrap {
height: 718px;
}
}
@media (max-width: 991px) {
.price-col .foot .txt_wrap {
height: initial;
padding: 60px 0;
}
}
.price-col .foot .txt_wrap h2 {
font-size: 42px;
line-height: 1em;
font-weight: 600;
color: #06556d;
padding: 236px 0 0;
}
@media (max-width: 991px) {
.price-col .foot .txt_wrap h2 {
padding: 0;
}
}
.price-col .foot .txt_wrap p {
font-size: 18px;
line-height: 1.45em;
font-weight: 700;
color: #06556d;
margin: -4px 0 0;
}
.price-col .foot .cceu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 185px;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
@media (max-width: 639px) {
.price-col .foot .cceu {
min-height: 90px;
padding: 25px 20px;
}
}
.price-col .foot .cceu .inner {
display: block;
text-align: center;
border-bottom: 1px solid #ddd;
}
.price-col .foot .cceu h3 {
font-size: 26px;
font-weight: 700;
color: #00a763;
position: relative;
padding: 0;
margin: 0;
}
@media (max-width: 767px) {
.price-col .foot .cceu h3 {
font-size: 20px;
}
}
.price-col .foot .cceu h3 a.icon-star {
font-size: 12px;
line-height: 20px;
color: #fff;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
background: #00a763;
vertical-align: super;
border: none;
height: 20px;
width: 20px;
}
.price-col .foot .cceu h3 a.icon-star:hover {
background: #00a763;
}
.price-col .foot .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;
}
.price-col .foot .cceu h3 a:hover {
background: #00a763;
}
.price-col .foot .cceu a {
font-size: 14px;
line-height: 32px;
font-weight: 700;
font-style: normal;
color: #00a763;
text-transform: uppercase;
border: 1px solid #00a763;
border-radius: 16px;
display: block;
padding: 0 30px;
letter-spacing: 2px;
margin-bottom: 25px;
}
.price-col .foot .cceu a:hover {
text-decoration: none;
opacity: 0.8;
}
.price-col .foot .purchased {
vertical-align: middle;
display: table-cell;
text-align: center;
padding: 0 20px;
margin: 0 auto;
width: 100%;
}
.price-col .foot .purchased .icon-check {
background: #00a763;
border-radius: 50%;
text-align: center;
line-height: 56px;
font-size: 36px;
height: 56px;
width: 56px;
color: #fff;
}
.price-col .foot .purchased p {
font: 700 20px "Open Sans";
line-height: 1.6em;
margin: 0;
}
.price-col .foot .purchased p b {
color: #00a763;
font-size: 18px;
}
.price-col .foot ul {
list-style: none;
padding: 0;
margin: 0;
}
.price-col .foot ul li.full_price {
font-size: 16px;
line-height: 1.45em;
font-weight: 400;
color: #444;
}
@media (max-width: 767px) {
.price-col .foot ul li.full_price {
font-size: 15px;
}
}
@media (max-width: 639px) {
.price-col .foot ul li.full_price {
font-size: 14px;
}
}
.price-col .foot ul li.full_price.seb {
margin: 50px 0 0;
}
.price-col .foot ul li.full_price b {
-webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1);
line-height: 42px;
border-radius: 21px;
margin: 0 auto 10px;
position: relative;
padding: 0 46px;
display: table;
color: #000;
}
.price-col .foot ul li.full_price b i {
font-style: normal;
font-weight: 400;
}
.price-col .foot ul li.full_price b:after {
background: url("../img/sales/txt-strike.png") no-repeat 30px center;
position: absolute;
content: "";
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.price-col .foot ul li.pay_price {
font-size: 14px;
line-height: 1.3;
font-weight: 600;
color: #000;
margin: 21px 0 0px;
}
@media (max-width: 639px) {
.price-col .foot ul li.pay_price {
font-size: 14px;
}
}
.price-col .foot ul li.pay_price b {
font-size: 40px;
font-weight: 400;
color: #00a763;
margin: 0 0 7px;
display: block;
}
@media (max-width: 639px) {
.price-col .foot ul li.pay_price b {
font-size: 38px;
}
}
@media (max-width: 479px) {
.price-col .foot ul li.pay_price b {
font-size: 36px;
}
}
.price-col .foot ul li.sale_price {
font-size: 18px;
font-weight: 700;
color: #CF0000;
padding: 10px 0;
}
@media (max-width: 1199px) {
.price-col .foot ul li.sale_price {
padding: 10px 0 30px;
}
}
.price-col .foot ul li.sale_price b {
font-size: 42px;
font-weight: 600;
margin: 0 0 10px;
display: block;
}
.price-col .foot ul li.gray_text {
font-size: 15px;
font-weight: 600;
color: #666;
}
.price-col .foot ul li.gray_text b {
color: #000;
}
.price-col .foot ul li.pay_in {
color: #CF0000;
font-weight: 700;
font-size: 18px;
padding: 0;
}
.price-col .foot .inner_wrap {
padding: 31px 30px 0;
position: relative;
border: none;
}
@media (max-width: 1919px) {
.price-col .foot .inner_wrap {
padding: 45px 30px 50px;
}
}
@media (max-width: 1199px) {
.price-col .foot .inner_wrap {
padding: 40px 15px;
}
}
.price-col .foot .inner_wrap form.ifs_submit {
width: 100%;
}
.price-col .foot .monthly {
display: none;
}
.price-col .foot .monthly .separator {
display: none;
}
.price-col .foot .btn.btn-yellow {
font-size: 20px;
border-radius: 4px;
letter-spacing: 0;
margin: 17px auto 34px;
padding: 12px 0;
max-width: 231px;
display: block;
border-radius: 3px;
height: initial;
cursor: pointer;
width: 100%;
}
@media (max-width: 1199px) {
.price-col .foot .btn.btn-yellow {
font-size: 18px;
margin: 30px auto 0;
padding: 12px;
}
}
@media (max-width: 767px) {
.price-col .foot .btn.btn-yellow {
max-width: 320px;
font-size: 16px;
}
}
@media (max-width: 639px) {
.price-col .foot .btn.btn-yellow {
max-width: 320px;
font-size: 14px;
}
}
.price-col .foot .btn.btn-yellow:hover {
background: #d88208;
border-color: #d88208;
}
.price-col .foot .or {
font: 700 20px "Open Sans";
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;
}
.plans-table {
margin: 100px 0 0;
padding: 0 15px;
font-size: 16px;
line-height: 1.3;
}
@media (max-width: 767px) {
.plans-table {
margin: 50px 0 80px;
}
}
.plans-table b {
color: #CF0000;
}
.plans-table h4 {
font-weight: 600;
margin-left: -15px;
margin-bottom: 30px;
}
.plans-table .row:nth-of-type(2n - 1) {
background: #f7f7f7;
}
.plans-table .row > div {
padding-top: 16px;
padding-bottom: 16px;
}
@media (max-width: 767px) {
.plans-table .row > div:first-child {
padding-bottom: 0;
}
}
.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);
}
#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 {
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%;
border: none;
}
.modal .modal-header {
background: url("../img/bg/bg_red.jpg") no-repeat center center;
background-size: cover;
text-align: center;
position: relative;
display: block;
color: #fff;
}
.modal .modal-header h4 {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 5px;
padding: 3px 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 {
font-size: 40px;
color: #fff;
position: absolute;
cursor: pointer;
outline: none;
z-index: 1;
opacity: 1;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 3px 10px 10px;
}
.modal .modal-header button span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.modal .modal-header button:hover {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
.modal .modal-header button {
font-size: 32px;
}
}
.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: #CF0000;
font-weight: 600;
}
.modal#modal_group_joined .close {
display: none;
}
.modal#modal_group_joined .modal-dialog {
max-width: 650px;
}
.modal#modal_group_joined .modal-body {
padding: 45px 70px 37px;
}
@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: 15px;
}
@media (max-width: 767px) {
.modal#modal_group_joined .modal-body h3 {
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
}
}
@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: 20px;
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: #CF0000;
font-weight: 600;
}
.modal.terms .modal-dialog {
max-width: 1100px;
}
.modal.terms .modal-header {
background: url(../img/bg/bg_blue_line.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: #CF0000;
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: 700;
color: #CF0000;
padding: 0 0 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-box-pack: end;
-ms-flex-pack: end;
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 .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: #CF0000;
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 20px;
}
@media (max-width: 479px) {
.modal.tc_sssn_confirm .check_pass .row {
margin: 0 -15px 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%;
-webkit-box-flex: 0;
-ms-flex: none;
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 .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: #CF0000;
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;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 2px;
position: relative;
-webkit-box-shadow: none;
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 {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #CF0000;
}
.modal.change_pass #changepasswordform #i4w-password-change-submit {
font-size: 17px;
font-weight: 600;
color: #fff;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
text-transform: uppercase;
background: #CF0000;
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: #ff0303;
}
@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 {
-webkit-transition: all 0.3s linear;
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 #CF0000;
border-style: dashed;
-webkit-box-shadow: none;
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: #CF0000;
border-right-style: none;
border-top-style: none;
}
.modal.change_avatar input[type=submit] {
font-size: 15px;
font-weight: 600;
color: #fff;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
text-transform: uppercase;
letter-spacing: 1.5px;
background: #CF0000;
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: #ff0303;
}
.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: #CF0000;
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 {
height: 0px;
padding: 0px;
border: none;
}
.modal.pass_recovery .modal-header h4 {
display: none;
font-size: 20px;
font-weight: 700;
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-header .close {
top: 20px;
right: 0px;
padding: 0;
}
.modal.pass_recovery .modal-body {
padding: 32px 41px 0;
background: rgba(0, 0, 0, 0.95);
border-radius: 4px;
}
@media (max-width: 767px) {
.modal.pass_recovery .modal-body {
padding: 40px 15px 60px;
}
}
.modal.pass_recovery .modal-body h2 {
font-size: 26px;
font-weight: 600;
color: #fff;
text-align: center;
margin-bottom: 20px;
}
.modal.pass_recovery .modal-body h3 {
font-size: 20px;
line-height: 1.4;
font-weight: 400;
color: #fff;
margin: 15px 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: #fff;
margin: 0;
}
.modal.pass_recovery .modal-body p b {
color: #CF0000;
}
.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: #CF0000;
}
@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: #CF0000;
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 {
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 {
border-radius: 2px;
}
@media (max-width: 639px) {
.modal.ty.ty_tips .btn.btn-gradient {
font-size: 16px;
padding: 15px 30px;
letter-spacing: 0;
}
}
@media (max-width: 479px) {
.modal.ty.ty_tips .btn.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-header {
border: none;
}
@media (max-width: 767px) {
.modal.with_video .modal-header h4 {
font-size: 22px;
}
}
@media (max-width: 479px) {
.modal.with_video .modal-header h4 {
font-size: 16px;
line-height: 1.15em;
text-align: left;
}
}
.modal.with_video .modal-body {
padding: 0;
}
.modal.with_video .modal-body .embed-responsive p {
margin: 0;
}
.modal.sales_confirm .modal-dialog {
max-width: 520px;
}
.modal.sales_confirm .modal-title {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
@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: 26px;
line-height: 1.45em;
font-weight: 700;
color: #CF0000;
margin: 0;
}
@media (max-width: 479px) {
.modal.sales_confirm h3 {
font-size: 24px;
}
}
.modal.sales_confirm#modal_sales_confirm p.descr {
font-size: 18px;
line-height: 1.45em;
margin: 0 auto 45px;
max-width: 100%;
padding: 0;
}
@media (max-width: 767px) {
.modal.sales_confirm#modal_sales_confirm p.descr {
font-size: 16px;
}
}
.modal.sales_confirm form#check_email {
background: transparent;
padding: 40px 40px 50px;
text-align: left;
}
@media (max-width: 767px) {
.modal.sales_confirm form#check_email {
padding: 45px 60px 40px;
}
}
@media (max-width: 639px) {
.modal.sales_confirm form#check_email {
padding: 25px 45px 30px;
}
}
@media (max-width: 479px) {
.modal.sales_confirm form#check_email {
padding: 25px 15px 30px;
}
}
.modal.sales_confirm form#check_email .form-control {
border: 1px solid #ddd;
margin: 3px 0 0;
font-size: 14px;
height: 50px;
border-radius: 5px;
}
@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: #CF0000;
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: #CF0000;
}
@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 {
margin: 20px auto 40px;
padding: 15px 70px;
letter-spacing: 5px;
font-size: 18px;
}
@media (max-width: 479px) {
.modal.upsell_confirm .btn.btn-gradient {
margin-bottom: 30px;
font-size: 16px;
padding: 12px;
}
}
#modal_modules .modal-dialog {
max-width: 509px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
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: #CF0000;
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: #CF0000;
}
#modal_modules .modal-dialog .modal-body {
padding: 0;
}
#modal_modules.fade .modal-dialog {
-webkit-transform: translate3d(0, 100vh, 0);
transform: translate3d(0, 100vh, 0);
}
#modal_modules.show .modal-dialog {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.video {
position: relative;
}
.video_wrap {
border-radius: 7px;
overflow: hidden;
}
.card .video_wrap {
border-radius: 0;
}
.video:hover .trigger_video {
background-color: rgba(241, 145, 9, 0.2);
}
.video:hover .icons {
background: #d88208;
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.video.hover .icons {
opacity: 1;
}
.video.video-pause .icons .icon-pause {
display: none;
}
.video.video-pause .wistia_responsive_padding {
position: relative;
z-index: 0;
}
.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);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
pointer-events: all;
position: absolute;
cursor: pointer;
height: 100%;
width: 100%;
z-index: 2;
left: 0;
top: 0;
}
.video .trigger_video:hover .icon-play {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.1);
transform: translate3d(-50%, -50%, 0) scale(1.1);
}
.video .trigger_video .icon-play {
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
width: 108px;
height: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
transform: translate3d(-50%, -50%, 0) scale(1);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
@media (max-width: 1199px) {
.video .trigger_video .icon-play {
width: 80px;
}
}
@media (max-width: 639px) {
.video .trigger_video .icon-play {
width: 60px;
}
}
.video img {
display: block;
max-width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
}
.video .icons {
-webkit-box-shadow: 1px 2px 20px 0px rgba(0, 0, 0, 0.35);
box-shadow: 1px 2px 20px 0px rgba(0, 0, 0, 0.35);
background-color: #f19109;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
border-radius: 20px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
position: absolute;
text-align: center;
margin: auto;
height: 74px;
width: 107px;
color: #fff;
z-index: 5;
padding: 0;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
@media (max-width: 639px) {
.video .icons {
border-radius: 10px;
height: 52px;
width: 75px;
}
}
.video .icons .icon {
font-size: 52px;
padding: 0 17px;
margin: 0;
}
@media (max-width: 639px) {
.video .icons .icon {
font-size: 36px;
padding: 0 13px;
}
}
@media (max-width: 639px) and (max-width: 639px) {
.video .icons .icon {
padding: 0 13px;
}
}
#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);
-webkit-transition: all 0.3s linear;
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: #CF0000;
}
#quotes .next_wrap:hover .icon-right-open-big {
border: 2px solid #CF0000;
}
#quotes .next_wrap .icon-right-open-big {
-webkit-transition: border 0.3s linear;
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 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
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: #CF0000;
}
#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 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.quote .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
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 {
letter-spacing: 1.5px;
font-size: 16px;
padding: 20px 40px;
border-radius: 0px;
min-width: 420px;
margin: 0;
}
.quote .content .btn.btn-yellow:before {
border-radius: 0px;
}
@media (max-width: 1919px) {
.quote .content .btn.btn-yellow {
font-size: 16px;
padding: 12px 20px;
letter-spacing: 0;
}
}
@media (max-width: 1199px) {
.quote .content .btn.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 {
margin: 0;
}
}
@media (max-width: 479px) {
.quote .content .btn.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 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
@media (max-width: 767px) {
.quote.nellie .col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
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 {
-webkit-transition: all 0.3s linear;
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: #CF0000;
}
#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 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#logos p.pre_txt {
font-size: 11px;
color: #797979;
text-align: center;
position: absolute;
width: 100%;
top: -33px;
left: 0;
}
#logos ul {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
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;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
cursor: pointer;
z-index: 2;
}
#logos ul.slick-slider .slick-arrow:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
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(207, 0, 0, 0.2);
-webkit-transition: all 0.3s linear;
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 {
font: 700 20px "Open Sans";
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 {
padding: 20px;
width: 100%;
}
}
.ifs_reg label {
font-size: 14px;
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: #CF0000;
}
.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 {
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 {
font-size: 20px;
line-height: 1.45em;
padding: 12px 0;
}
}
.ifs_reg .btn.btn-gradient:before {
border-radius: 0;
}
.ifs_reg .btn.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 {
font-size: 12px;
margin: 0 0 5px;
}
}
.card {
border-radius: 0;
margin: 4px 0 0;
border: none;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.card.trsp {
background: transparent;
-webkit-box-shadow: none;
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;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.card.trsp .card-header {
background: transparent;
-webkit-box-shadow: none;
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: #CF0000 !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 {
-webkit-transition: all 0.3s linear;
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.card .card-header h5 {
font-size: 18px;
font-weight: 700;
padding: 24px 30px 21px 23px;
margin: 0;
max-width: 90%;
}
@media (max-width: 767px) {
.card .card-header h5 {
max-width: 88%;
}
}
@media (max-width: 639px) {
.card .card-header h5 {
padding-left: 15px;
}
}
.card .card-header a {
font-size: 12px;
font-weight: 700;
color: #fff;
border: 1px solid #CF0000;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
text-decoration: none;
background: #CF0000;
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: #fff;
color: #CF0000;
}
.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 .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: #CF0000;
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 {
list-style: circle;
}
@media (max-width: 639px) {
.card .card-body ul {
padding-left: 15px;
}
}
.card .card-body ul 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: #CF0000;
}
.card .card-body .btn.btn-blue {
letter-spacing: 0;
margin: 10px auto 0;
padding: 14px 40px 14px;
display: table;
border-radius: 60px;
position: relative;
}
@media (max-width: 1199px) {
.card .card-body .btn.btn-blue {
padding: 14px 25px 14px;
}
}
@media (max-width: 479px) {
.card .card-body .btn.btn-blue {
margin: 20px auto 0;
letter-spacing: 1px;
padding: 12px;
width: 100%;
}
}
.card-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid #ddd;
border-bottom: none;
}
.card-tabs .nav-item {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
color: #555;
height: 55px;
padding: 10px 15px;
font-size: 15px;
line-height: 1.4;
font-weight: 600;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: 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 #CF0000;
margin-top: -1px;
color: #CF0000;
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%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
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: #CF0000;
}
#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;
-webkit-transition: all 0.3s linear;
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;
}
#menu-res-lib {
list-style-type: none;
display: block;
padding: 0 0 50px 0;
}
@media (max-width: 991px) {
#menu-res-lib {
display: none;
}
}
#menu-res-lib li {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
margin-bottom: 0;
z-index: 1;
}
#menu-res-lib li a {
font-size: 16px;
line-height: 42px;
font-weight: 400;
color: #000;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
text-decoration: none;
display: block;
}
#menu-res-lib li:hover a, #menu-res-lib li.current-menu-item a {
font-weight: 700;
color: #CF0000;
}
#menu-topics,
#menu-demo,
#menu-module,
#menu-intensive,
#menu-modules,
#menu-mastermind,
#menu-resources {
width: 284px;
}
@media (max-width: 1199px) {
#menu-topics,
#menu-demo,
#menu-module,
#menu-intensive,
#menu-modules,
#menu-mastermind,
#menu-resources {
width: 248px;
}
}
@media (max-width: 991px) {
#menu-topics,
#menu-demo,
#menu-module,
#menu-intensive,
#menu-modules,
#menu-mastermind,
#menu-resources {
width: initial;
}
}
#menu-topics {
list-style-type: none;
margin: 4px 0 0;
display: block;
border: none;
padding: 0;
}
@media (max-width: 991px) {
#menu-topics {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
#menu-topics li {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
margin-bottom: 0;
background: #fff;
border-left: 3px solid transparent;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 1;
}
#menu-topics li:last-child {
border-bottom: none;
}
@media (max-width: 991px) {
#menu-topics li:last-child {
border-right: 0px;
}
}
@media (max-width: 991px) {
#menu-topics li {
border-left: 0px;
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
}
#menu-topics li a {
font-size: 14px;
line-height: 1.35em;
font-weight: 600;
color: #747474;
width: 100%;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
text-decoration: none;
border: none;
margin: 0;
padding: 8px 24px 8px 18px;
display: block;
font-style: italic;
border-left: 3px solid #fff;
}
#menu-topics li a span {
font-size: 17px;
line-height: 1.35em;
font-weight: 700;
color: #CF0000;
}
@media (max-width: 767px) {
#menu-topics li a span {
font-size: 16px;
line-height: 1.35em;
font-weight: 700;
color: #CF0000;
}
}
@media (max-width: 991px) {
#menu-topics li a {
padding: 10px 15px;
display: block;
text-align: center;
}
}
@media (max-width: 767px) {
#menu-topics li a {
padding: 10px 15px;
font-size: 14px;
line-height: 1.45em;
font-weight: 600;
}
}
@media (max-width: 639px) {
#menu-topics li a {
font-size: 13px;
line-height: 1.45em;
font-weight: 600;
}
}
@media (max-width: 479px) {
#menu-topics li a {
font-size: 12px;
line-height: 1.45em;
font-weight: 600;
}
}
#menu-topics li:hover, #menu-topics li.current-menu-item {
border-left: 3px solid #CF0000;
}
#menu-topics li:hover a, #menu-topics li.current-menu-item a {
background: #f5f5f5;
}
#menu-topics li:hover:after, #menu-topics li.current-menu-item:after {
right: -6px;
opacity: 1;
}
#menu-demo,
#menu-module,
#menu-intensive,
#menu-modules,
#menu-mastermind,
#menu-resources {
list-style-type: none;
margin: 4px 0 0;
display: block;
border: none;
padding: 0;
}
@media (max-width: 991px) {
#menu-demo,
#menu-module,
#menu-intensive,
#menu-modules,
#menu-mastermind,
#menu-resources {
display: none;
}
}
#menu-demo li,
#menu-module li,
#menu-intensive li,
#menu-modules li,
#menu-mastermind li,
#menu-resources li {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
margin-bottom: 0;
background: #fff;
border-bottom: 1px solid #ddd;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 1;
border-left: 3px solid transparent;
width: 100%;
}
#menu-demo li:last-child,
#menu-module li:last-child,
#menu-intensive li:last-child,
#menu-modules li:last-child,
#menu-mastermind li:last-child,
#menu-resources li:last-child {
border-bottom: none;
}
#menu-demo li a,
#menu-module li a,
#menu-intensive li a,
#menu-modules li a,
#menu-mastermind li a,
#menu-resources li a {
font-size: 15px;
line-height: 1.45em;
font-weight: 700;
color: #CF0000;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
text-decoration: none;
border: none;
margin: 0;
padding: 12.5px 22px;
display: block;
width: 100%;
}
#menu-demo li:hover, #menu-demo li.current-menu-item,
#menu-module li:hover,
#menu-module li.current-menu-item,
#menu-intensive li:hover,
#menu-intensive li.current-menu-item,
#menu-modules li:hover,
#menu-modules li.current-menu-item,
#menu-mastermind li:hover,
#menu-mastermind li.current-menu-item,
#menu-resources li:hover,
#menu-resources li.current-menu-item {
border-left: 3px solid #CF0000;
}
#menu-demo li:hover a, #menu-demo li.current-menu-item a,
#menu-module li:hover a,
#menu-module li.current-menu-item a,
#menu-intensive li:hover a,
#menu-intensive li.current-menu-item a,
#menu-modules li:hover a,
#menu-modules li.current-menu-item a,
#menu-mastermind li:hover a,
#menu-mastermind li.current-menu-item a,
#menu-resources li:hover a,
#menu-resources li.current-menu-item a {
background: rgba(146, 0, 162, 0.0705882353);
}
#menu-demo li:hover:after, #menu-demo li.current-menu-item:after,
#menu-module li:hover:after,
#menu-module li.current-menu-item:after,
#menu-intensive li:hover:after,
#menu-intensive li.current-menu-item:after,
#menu-modules li:hover:after,
#menu-modules li.current-menu-item:after,
#menu-mastermind li:hover:after,
#menu-mastermind li.current-menu-item:after,
#menu-resources li:hover:after,
#menu-resources li.current-menu-item:after {
right: -6px;
opacity: 1;
}
#menu-footer-menu,
#menu-footer-menu-1 {
text-align: center;
display: table;
}
#menu-footer-menu li,
#menu-footer-menu-1 li {
display: inline-block;
text-align: center;
}
@media (max-width: 479px) {
#menu-footer-menu li,
#menu-footer-menu-1 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,
#menu-footer-menu-1 li.active a:focus,
#menu-footer-menu-1 li.active a,
#menu-footer-menu-1 li.current-menu-item a:focus,
#menu-footer-menu-1 li.current-menu-item a {
font-weight: 700;
color: #CF0000;
}
#menu-footer-menu li a,
#menu-footer-menu-1 li a {
font-size: 13px;
line-height: 1.65em;
font-weight: 600;
color: #515151;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
display: block;
margin: 0 20px;
padding: 0;
}
@media (max-width: 991px) {
#menu-footer-menu li a,
#menu-footer-menu-1 li a {
margin: 0 10px;
}
}
@media (max-width: 479px) {
#menu-footer-menu li a,
#menu-footer-menu-1 li a {
padding: 5px 0;
}
}
#menu-footer-menu li a:hover,
#menu-footer-menu-1 li a:hover {
color: #ff0303;
}
@media (max-width: 479px) {
.footer_btns {
padding: 20px 0 40px;
}
}
.footer_btns .block_wrap {
border-top: 1px solid #ddd;
padding: 30px 0 22px;
}
@media (max-width: 1199px) {
.footer_btns .block_wrap {
padding: 30px 0 20px;
}
}
@media (max-width: 479px) {
.footer_btns .block_wrap {
padding: 30px 0 10px;
}
}
.footer_btns .block_wrap:last-child {
border: none;
}
@media (max-width: 639px) {
.footer_btns .block_wrap .list-inline {
padding-left: 0;
}
}
.footer_btns a.btn, .footer_btns input.btn {
font-size: 13px;
font-weight: 700;
color: #fff;
border: 2px solid transparent;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
text-overflow: ellipsis;
white-space: nowrap;
border-radius: 50px;
position: relative;
letter-spacing: 0;
overflow: hidden;
display: block;
padding: 13px !important;
width: 100%;
margin: 0;
}
@media (max-width: 767px) {
.footer_btns a.btn, .footer_btns input.btn {
padding: 8px !important;
}
}
.footer_btns a.btn:hover, .footer_btns input.btn:hover {
border: 2px solid #CF0000;
color: #CF0000 !important;
background: transparent;
}
.footer_btns a.btn i.fa, .footer_btns input.btn i.fa {
vertical-align: middle;
padding-right: 5px;
margin: -2px 0 0px;
line-height: 20px;
font-size: 18px;
width: initial;
}
.footer_btns a.btn span, .footer_btns 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_btns ul {
margin: 15px -0.5% -2px;
list-style-type: none;
}
@media (max-width: 767px) {
.footer_btns ul {
margin: 10px -0.5% 0;
}
}
.footer_btns ul.with_descr {
margin: 32px 0 23px;
}
@media (max-width: 767px) {
.footer_btns ul.with_descr {
margin: 0 0 20px;
}
}
.footer_btns ul.with_descr li {
padding: 0 150px 35px 0;
position: relative;
width: 100%;
}
@media (max-width: 767px) {
.footer_btns ul.with_descr li {
padding: 30px 0 0;
}
}
.footer_btns ul.with_descr li.stretch {
display: none;
}
.footer_btns ul.with_descr li h4 {
font-size: 15px;
line-height: 1.2;
font-weight: 700;
color: #CF0000;
margin: 0 0 7px;
}
.footer_btns ul.with_descr li p {
font-size: 13px;
line-height: 1.2;
font-weight: 600;
color: #747474;
margin: 0;
}
.footer_btns ul.with_descr li .btn {
font-size: 13px;
letter-spacing: 2px !important;
position: absolute !important;
padding: 8px !important;
width: 100%;
max-width: 165px;
right: 0px;
top: 0;
}
@media (max-width: 991px) {
.footer_btns ul.with_descr li .btn {
max-width: 130px;
}
}
@media (max-width: 767px) {
.footer_btns ul.with_descr li .btn {
position: initial !important;
margin: 10px 0 0;
width: 100% !important;
}
}
.footer_btns ul li {
display: inline-block;
padding: 7px 0.5%;
width: 32%;
}
@media (max-width: 991px) {
.footer_btns ul li {
width: 50%;
}
}
@media (max-width: 767px) {
.footer_btns ul li {
padding: 2px 0.5%;
}
}
@media (max-width: 639px) {
.footer_btns ul li {
width: 100%;
}
}
.footer_btns ul li.stretch {
width: 100% !important;
display: inline-block;
*display: inline;
zoom: 1;
}
.footer_btns small {
font-size: 18px;
font-weight: 600;
color: #000;
display: table;
margin: 0;
}
@media (max-width: 991px) {
.footer_btns small {
font-size: 16px;
}
}
@media (max-width: 767px) {
.footer_btns small {
font-size: 14px;
}
}
.footer_btns small b {
letter-spacing: 0px;
font-style: normal;
color: #000;
}
#notifications {
padding: 75px 0 0;
}
@media (max-width: 767px) {
#notifications {
padding-top: 50px;
}
}
@media (max-width: 639px) {
#notifications {
padding-top: 30px;
}
}
#notifications #loadMore {
margin: 20px auto;
margin: 20px auto;
display: block;
font-size: 16px;
font-weight: 600;
padding: 10px 30px;
}
#notifications .card {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
border: 1px solid #E0E0E0;
border-bottom: none;
-webkit-box-shadow: none;
box-shadow: none;
background: #fff;
margin: 0;
}
#notifications .card:last-child {
border-bottom: 1px solid #ddd;
}
#notifications .card.new .card-header .label_new {
opacity: 1;
}
#notifications .card.shown {
background: #fff;
}
#notifications .card.shown .card-header {
background: #fff;
}
#notifications .card.shown .card-header:hover {
background: #fff;
}
#notifications .card .card-header {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
background: #F2F2F2;
-webkit-box-shadow: none;
box-shadow: none;
}
#notifications .card .card-header:hover {
background: rgba(207, 0, 0, 0.1);
cursor: pointer;
}
#notifications .card .card-header:hover a {
color: #CF0000;
}
#notifications .card .card-header:hover:before {
font-size: 20px;
opacity: 1;
left: 12px;
}
#notifications .card .card-header:hover .abbr {
background: #ff0303;
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
#notifications .card .card-header:before {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
font-family: entypo;
position: absolute;
font-style: normal;
line-height: 72px;
content: "\e766";
color: #CF0000;
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: 600;
color: #000;
padding: 18px 160px 15px 32px;
-webkit-transition: all 0.3s linear;
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;
}
}
#notifications .card .card-header .label_new {
font-size: 12px;
font-weight: 700;
color: #fff;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
background: #ff0000;
letter-spacing: 1px;
margin: 0 10px 0 0;
border-radius: 2px;
padding: 0 6px;
opacity: 0;
}
#notifications .card .card-header a {
font-size: 24px;
font-weight: 100;
color: #a1a1a1;
background: transparent;
border: none;
right: 11px;
top: 20px;
}
#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;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
background: #CF0000;
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;
}
#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;
-webkit-transition: all 0.3s linear;
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: 20px 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: #555;
margin: 0 0 22px;
}
#notifications .card .card-body h2 {
font-size: 18px;
line-height: 1.45em;
font-weight: 700;
color: #555;
margin: 0 0 20px;
}
#notifications .card .card-body h3 {
font-size: 16px;
line-height: 1.45em;
font-weight: 700;
color: #555;
margin: 0 0 18px;
}
#notifications .card .card-body h4 {
font-size: 14px;
line-height: 1.45em;
font-weight: 600;
color: #555;
margin: 0 0 16px;
}
#notifications .card .card-body h5 {
font-size: 12px;
line-height: 1.45em;
font-weight: 400;
color: #555;
margin: 0 0 14px;
}
#notifications .card .card-body h6 {
font-size: 10px;
line-height: 1.45em;
font-weight: 400;
color: #555;
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 ul, #notifications .card .card-body ol {
margin-top: 15px;
}
#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, #notifications .card .card-body a {
font-weight: 700;
color: #CF0000;
}
#notifications .card .card-body a {
text-decoration: underline;
}
#notifications .card .card-body .btn {
text-transform: uppercase;
text-decoration: none;
font-size: 13px;
letter-spacing: 2px;
padding: 12px 34px;
margin: 28px 0 0;
color: #fff;
}
@media (max-width: 479px) {
#notifications .card .card-body .btn {
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;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
text-decoration: none;
background: #CF0000;
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: #CF0000;
color: #CF0000;
}
#notifications .pagination .page-numbers.current, #notifications .pagination .page-numbers.dots {
border-color: transparent;
background: transparent;
color: #CF0000;
}
#not_found {
position: fixed;
height: 100%;
width: 100%;
}
#not_found .btn {
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 {
padding: 10px 75px;
}
}
@media (max-width: 767px) {
#not_found header .btn {
display: none;
}
}
#not_found .txt_outer {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(78%, -50%);
-ms-transform: translate(78%, -50%);
transform: translate(78%, -50%);
}
@media (max-width: 1199px) {
#not_found .txt_outer {
-webkit-transform: translate(40%, -50%);
-ms-transform: translate(40%, -50%);
transform: translate(40%, -50%);
}
}
@media (max-width: 991px) {
#not_found .txt_outer {
-webkit-transform: translate(25%, -50%);
-ms-transform: translate(25%, -50%);
transform: translate(25%, -50%);
}
}
@media (max-width: 639px) {
#not_found .txt_outer {
-webkit-transform: translate(20%, -50%);
-ms-transform: translate(20%, -50%);
transform: translate(20%, -50%);
}
}
@media (max-width: 479px) {
#not_found .txt_outer {
-webkit-transform: translate(6%, -50%);
-ms-transform: translate(6%, -50%);
transform: translate(6%, -50%);
}
}
#not_found .txt_outer h1 {
font-size: 42px;
line-height: 1.25em;
margin: -20px 2px 45px;
}
@media (max-width: 1919px) {
#not_found .txt_outer h1 {
margin: -40px 0 25px;
}
}
@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: url("../img/bg/bg.jpg") no-repeat center center;
-webkit-text-fill-color: transparent;
background-position: center top;
font-size: 275px;
line-height: 220px;
font-weight: 700;
-webkit-background-clip: text;
background-size: cover;
margin: 0 0 40px;
}
@media (max-width: 1919px) {
#not_found .txt_outer .clip-text {
font-size: 210px;
line-height: 170px;
}
}
@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 {
margin: 70px 0 0;
font-size: 20px;
display: table;
}
@media (max-width: 1919px) {
#not_found .txt_outer .btn.btn-blue {
margin: 40px 0 0;
}
}
@media (max-width: 1199px) {
#not_found .txt_outer .btn.btn-blue {
font-size: 16px;
padding: 10px 75px;
}
}
@media (max-width: 639px) {
#not_found .txt_outer .btn.btn-blue {
padding: 10px 60px;
margin: 20px 0 0;
}
}
@media (max-width: 479px) {
#not_found .txt_outer .btn.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: #CF0000;
}
#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 {
font-size: 22px;
letter-spacing: 4px;
padding: 18px 115px;
}
@media (max-width: 991px) {
#splash .btn.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;
}
}
body .login_page {
background: url(../img/pages/login/login_bg.jpg) no-repeat;
background-position: 50% 0%;
background-size: cover;
padding-bottom: 0;
}
body .login_page .inner_content_wrap {
background: none;
width: 100%;
}
body.logged-in .login_page {
background: #fff;
}
.logged-in #login {
background: #fff;
padding: 0;
min-height: calc(100vh - 150px);
}
.logged-in #login .top_content {
display: none;
}
.logged-in #login .logged_in_wrap {
margin: 20px 0;
padding: 50px 0 65px;
background: #fff;
width: 100%;
}
.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: #fff;
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-yellow {
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-yellow {
font-size: 16px;
letter-spacing: 2px;
padding: 12px 50px;
}
}
.logged-in #login .logged_in_wrap a.btn.btn-yellow:hover {
background: #fd9c14;
}
.logged-in .login_copy p {
color: #000 !important;
}
.logged-in .login_copy .copy a {
color: #CF0000 !important;
}
#login {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 60px 0 190px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
text-align: center;
min-height: 100vh;
height: 100%;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: auto;
width: 100%;
bottom: 0;
right: 0;
left: 0;
top: 0;
position: relative;
overflow: hidden;
}
@media (max-width: 991px) {
#login {
padding: 50px 0 150px;
}
}
@media (max-width: 767px) {
#login {
padding: 50px 15px 100px;
}
}
@media (max-width: 639px) {
#login {
padding: 30px 15px 60px;
}
}
@media (max-width: 639px) {
#login {
padding: 30px 15px 30px;
}
}
#login.with_step {
padding: 0 0 30px;
}
#login.with_step .step {
margin: 47px 0 65px;
display: block;
}
@media (max-width: 1199px) {
#login.with_step .step {
margin: 40px 0 30px;
}
}
#login.with_step .step span {
font-size: 22px;
line-height: 26px;
font-weight: 700;
color: #fff;
background: #CF0000;
text-align: center;
border-radius: 50%;
margin: 0 0 15px;
height: 40px;
width: 40px;
}
@media (max-width: 1199px) {
#login.with_step .step span {
font-size: 18px;
line-height: 21px;
margin: 0 0 10px;
height: 32px;
width: 32px;
}
}
#login.with_step .step p {
font-size: 14px;
font-weight: 600;
color: #fff;
letter-spacing: 7.7px;
margin: 0;
}
@media (max-width: 1199px) {
#login.with_step .step p {
letter-spacing: 2.5px;
}
}
#login.with_step form:before, #login.with_step form:after {
background: #CF0000;
border-radius: 50%;
content: "";
display: block;
position: absolute;
bottom: -150px;
margin: auto;
height: 9px;
width: 9px;
z-index: 1;
right: 0;
left: 0;
}
@media (max-width: 1199px) {
#login.with_step form:before, #login.with_step form:after {
bottom: -40px;
}
}
@media (max-width: 479px) {
#login.with_step form:before, #login.with_step form:after {
bottom: 15px;
}
}
#login.with_step form:before {
right: 20px;
}
#login.with_step form:after {
left: 20px;
background: #bbb;
}
#login .step {
display: none;
}
#login .form_wrap {
max-width: 720px;
width: 100%;
margin: 0 auto;
background: rgba(0, 0, 0, 0.6);
padding: 65px 0 50px;
border-radius: 6px;
overflow: hidden;
}
@media (max-width: 767px) {
#login .form_wrap {
padding: 40px 0 40px;
}
}
@media (max-width: 639px) {
#login .form_wrap {
padding: 30px 0 30px;
}
}
#login p {
font-size: 18px;
line-height: 1.65em;
margin-bottom: 0;
color: #fff;
}
@media (max-width: 991px) {
#login p {
font-size: 16px;
line-height: 1.45em;
}
}
@media (max-width: 767px) {
#login p {
font-size: 14px;
line-height: 1.45em;
}
}
#login p.copy {
font-size: 12px;
font-style: italic;
color: #fff;
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: #CF0000;
}
@media (max-width: 479px) {
#login p br {
display: none;
}
}
#login h1 {
font-size: 50px;
line-height: 1.45em;
font-weight: 700;
color: #fff;
position: relative;
text-align: center;
max-width: 620px;
margin: -4px auto 0px;
}
@media (max-width: 1199px) {
#login h1 {
font-size: 40px;
line-height: 1.25em;
max-width: 480px;
margin-top: 0;
}
}
@media (max-width: 479px) {
#login h1 {
font-size: 36px;
}
}
@media (max-width: 479px) {
#login h1 br {
display: none;
}
}
#login .forgot_pass {
position: relative;
}
#login form {
padding: 3px 185px 30px;
position: relative;
z-index: 2;
margin: 0px 0 0;
text-align: left;
}
@media (max-width: 991px) {
#login form {
padding: 0 60px 20px;
}
}
@media (max-width: 767px) {
#login form {
padding: 0 40px 20px;
}
}
@media (max-width: 479px) {
#login form {
margin-top: 0px;
padding: 15px 15px;
}
}
#login form .i4w_login_username,
#login form .i4w_login_password {
margin: 0;
}
#login form .i4w_login_username label,
#login form .i4w_login_password label {
color: #fff;
font: 600 15px/1.6em "Open Sans";
margin: 35px 0 4px;
}
@media (max-width: 639px) {
#login form .i4w_login_username label,
#login form .i4w_login_password label {
margin: 15px 0 2px;
}
}
@media (max-width: 479px) {
#login form .i4w_login_username label,
#login form .i4w_login_password label {
font-size: 13px;
}
}
#login form .i4w_login_username input,
#login form .i4w_login_password input {
border: none;
height: 58px;
width: 100%;
border-radius: 5px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 639px) {
#login form .i4w_login_username input,
#login form .i4w_login_password input {
height: 44px;
}
}
#login form .i4w_login_username input:focus, #login form .i4w_login_username input:active,
#login form .i4w_login_password input:focus,
#login form .i4w_login_password input:active {
-webkit-animation-name: shadowAnimation;
animation-name: shadowAnimation;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes shadowAnimation {
0% {
-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}
50% {
-webkit-box-shadow: 0 0 18px rgba(255, 255, 255, 0.8);
box-shadow: 0 0 18px rgba(255, 255, 255, 0.8);
}
100% {
-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}
}
@keyframes shadowAnimation {
0% {
-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}
50% {
-webkit-box-shadow: 0 0 18px rgba(255, 255, 255, 0.8);
box-shadow: 0 0 18px rgba(255, 255, 255, 0.8);
}
100% {
-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}
}
#login form .i4w_login_remember {
font-size: 13px;
line-height: 1.35em;
font-weight: 400;
font-style: italic;
color: #fff;
position: relative;
margin: 25px 0 0 0px;
cursor: pointer;
z-index: 1;
}
#login form .i4w_login_remember #rememberme {
margin: 0 15px 0 0;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
outline: none;
z-index: -1;
}
#login form .i4w_login_remember #rememberme:before {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 1px solid #ddd;
position: absolute;
height: 24px;
width: 24px;
content: "";
z-index: 1;
left: 0px;
top: -7px;
}
#login form .i4w_login_remember #rememberme:checked:before {
border: 2px solid #CF0000;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
border-right-style: none;
border-top-style: none;
height: 0.5rem;
width: 1rem;
left: 5px;
top: -1px;
}
#login form .i4w_login_remember #rememberme:after {
border: 1px solid #ddd;
position: absolute;
background: #fff;
cursor: pointer;
height: 24px;
width: 24px;
content: "";
top: -7px;
left: 0px;
}
#login form #rememberme {
font-size: 14px;
height: initial;
width: 20px;
margin: 0;
}
@media (max-width: 479px) {
#login form #rememberme {
font-size: 13px;
}
}
#login form .forgot_pass {
font: 600 14px/1.4em "Open Sans";
color: #fff;
margin: 15px 0 0;
display: block;
}
#login form .i4w_login_submit {
position: relative;
}
#login form #wp-submit {
font-size: 17px;
line-height: 20px;
font-weight: 700;
color: #fff;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
text-transform: capitalize;
background: #f19109;
color: #fff;
letter-spacing: 1.5px;
border-radius: 50px;
margin: 32px auto 20px;
cursor: pointer;
display: table;
padding: 0 0;
height: 50px;
width: 190px;
border: 0;
}
@media (max-width: 639px) {
#login form #wp-submit {
margin: 20px auto 20px;
width: 150px;
}
}
@media (max-width: 479px) {
#login form #wp-submit {
width: 110px;
height: 30px;
font-size: 14px;
}
}
#login form #wp-submit:hover {
background: #d88208;
color: #fff;
}
#login .or {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
background: #fff;
font-size: 14px;
font-weight: 700;
color: #2e221c;
width: 30px;
height: 30px;
border-radius: 60px;
margin: 0 auto;
}
#login .or:before, #login .or:after {
-webkit-animation-name: lineAnimation;
animation-name: lineAnimation;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 4s;
animation-duration: 4s;
}
#login .or:before {
position: absolute;
left: -160px;
top: 15px;
display: block;
content: "";
width: 150px;
height: 1px;
background: #fff;
}
@media (max-width: 639px) {
#login .or:before {
left: -130px;
width: 120px;
}
}
#login .or:after {
position: absolute;
right: -160px;
top: 15px;
display: block;
content: "";
width: 150px;
height: 1px;
background: #fff;
}
@media (max-width: 639px) {
#login .or:after {
right: -130px;
width: 120px;
}
}
@-webkit-keyframes lineAnimation {
0% {
opacity: 0.3;
}
50% {
opacity: 1;
}
100% {
opacity: 0.3;
}
}
@keyframes lineAnimation {
0% {
opacity: 0.3;
}
50% {
opacity: 1;
}
100% {
opacity: 0.3;
}
}
#login .get-access {
border-radius: 60px;
text-transform: uppercase;
padding: 10px 50px;
font-size: 17px;
font-weight: 700;
letter-spacing: 3px;
margin: 30px 0 0;
}
@media (max-width: 767px) {
#login .get-access {
font-size: 15px;
font-weight: 600;
letter-spacing: 2px;
padding: 7px 60px;
}
}
@media (max-width: 639px) {
#login .get-access {
max-width: 250px;
margin-top: 20px;
}
}
.login_copy {
font: 400 italic 12.44px "Open Sans";
letter-spacing: -0.5px;
text-align: center;
position: relative;
margin: 0px 0 0;
padding: 0;
display: block;
color: #fff;
width: 100%;
padding: 0 0 30px 0;
}
.login_copy a {
color: #fff;
}
.login_copy p {
margin-bottom: 0;
}
.login_copy .copy {
color: #fff !important;
}
.login_copy .copy a {
color: #fff !important;
}
.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: 25px auto 50px;
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: #CF0000;
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;
}
}
.main-banner.sales {
background: url("../img/pages/sales/banner-new.jpg") center no-repeat;
background-size: cover;
padding: 5px 0 170px;
}
@media (max-width: 991px) {
.main-banner.sales {
padding: 0 0 150px;
}
}
@media (max-width: 639px) {
.main-banner.sales {
padding: 0 0 130px;
}
}
.main-banner.sales .container .live {
margin: 0 auto 30px;
width: 98px;
}
@media (max-width: 991px) {
.main-banner.sales .container .live {
width: 80px;
margin: 20px auto 30px;
}
}
@media (max-width: 639px) {
.main-banner.sales .container .live {
width: 70px;
margin: 0 auto 30px;
}
}
.main-banner.sales .container h1 {
margin: 0 auto 16px;
max-width: 1000px;
}
@media (max-width: 991px) {
.main-banner.sales .container h1 {
margin-left: -10px;
margin-right: -10px;
}
}
@media (max-width: 767px) {
.main-banner.sales .container h1 {
margin-left: auto;
margin-right: auto;
}
}
.main-banner.sales .container p {
max-width: 780px;
margin: 0 auto 31px;
}
.main-banner.sales .container .btn {
letter-spacing: 2.5px;
min-width: 270px;
font-size: 16px;
border-radius: 30px;
}
.main-banner.sales.ty {
padding: 5px 0 110px;
}
@media (max-width: 991px) {
.main-banner.sales.ty {
padding: 0 0 80px;
}
}
@media (max-width: 639px) {
.main-banner.sales.ty {
padding: 0 0 40px;
}
}
.main-banner.sales.ty .container p {
max-width: 990px;
}
#lib .icon-video {
font-size: 60px;
margin: 0 0 18px;
}
@media (max-width: 991px) {
#lib .icon-video {
font-size: 50px;
}
}
@media (max-width: 479px) {
#lib .icon-video {
font-size: 46px;
margin: 0;
}
}
.gray_wrap {
position: relative;
background-color: #f5f5f5;
border-radius: 10px;
max-width: 1620px;
margin: 48px auto 73px;
padding: 50px 0;
}
@media (max-width: 1620px) {
.gray_wrap {
margin: 45px 15px 70px;
}
}
@media (max-width: 639px) {
.gray_wrap {
margin: 20px 15px 40px;
padding: 50px 0 1px;
}
}
#sales_intro {
position: relative;
padding: 67px 0 20px;
}
@media (max-width: 767px) {
#sales_intro {
padding: 40px 0 20px;
}
}
#sales_intro .thumbs figure {
border-radius: 6px;
overflow: hidden;
-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.2);
position: relative;
margin: 15px 0 15px;
}
@media (max-width: 1199px) {
#sales_intro .thumbs figure {
margin: 0 0 30px;
}
}
@media (max-width: 767px) {
#sales_intro .thumbs figure {
margin: 0 0 15px;
}
}
#sales_intro .thumbs figure img {
width: 100%;
}
#sales_intro .thumbs figure figcaption {
font-size: 14px;
font-weight: 400;
position: relative;
padding: 20px;
bottom: 0;
left: 0;
color: #555555;
line-height: 1.5;
}
@media (max-width: 767px) {
#sales_intro .thumbs figure figcaption {
padding: 12px 15px;
font-size: 13px;
}
#sales_intro .thumbs figure figcaption br {
display: none;
}
}
#sales_intro .thumbs h3 {
margin-top: 45px;
}
@media (max-width: 639px) {
#sales_intro .thumbs h3 {
margin-top: 30px;
}
}
#sales_intro .join-check {
margin-top: 45px;
}
@media (max-width: 639px) {
#sales_intro .join-check {
margin-top: 5px;
}
}
#sales_intro .join-check figure {
background: #f7f7f7;
border-radius: 6px;
padding: 32px 24px 25px;
}
@media (max-width: 991px) {
#sales_intro .join-check figure {
margin: 0 0 30px;
}
}
@media (max-width: 767px) {
#sales_intro .join-check figure {
margin: 0 0 15px;
padding: 20px 15px;
}
}
#sales_intro .join-check figure figcaption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 181px;
}
@media (max-width: 991px) {
#sales_intro .join-check figure figcaption {
min-height: 0;
}
}
#sales_intro .join-check figure figcaption h4 {
margin: 0 0 4px;
}
@media (max-width: 639px) {
#sales_intro .join-check figure figcaption h4 {
font-size: 18px;
margin: 0;
}
}
#sales_intro .join-check figure figcaption a {
font-size: 18px;
margin-top: auto;
color: #f19109;
font-weight: 600;
}
@media (max-width: 639px) {
#sales_intro .join-check figure figcaption a {
font-size: 16px;
}
}
#sales_intro .join-check .icon-check {
height: 32px;
width: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #f19109;
font-size: 19px;
color: #fff;
border-radius: 20px;
margin: 0 0 23px;
}
@media (max-width: 639px) {
#sales_intro .join-check .icon-check {
margin: 0 0 18px;
}
}
@media (max-width: 767px) {
#sales_intro .join-check .btn-yellow {
margin: 20px auto 35px;
}
}
#sales_intro .banner {
margin: 0 0 35px;
border-radius: 8px;
max-width: 100%;
}
@media (max-width: 639px) {
#sales_intro #power .down_icon_new {
margin: 60px auto 35px;
}
}
#sales_intro #connect .mac {
width: 286px;
margin: 22px auto 10px;
}
@media (max-width: 639px) {
#sales_intro #connect .mac {
margin: 45px auto 20px;
width: 200px;
}
}
@media (min-width: 1700px) {
#sales_intro #connect h3 {
margin: 0 -20px 36px;
}
}
#features {
position: relative;
background-image: url("../img/pages/sales/desk.png");
background-repeat: no-repeat;
background-position: -10% 104%;
max-width: 1620px;
margin: 0 auto 100px;
border-radius: 10px;
background-color: #f5f5f5;
}
@media (max-width: 1620px) {
#features {
border-radius: 0;
margin: 0 15px 100px;
}
}
@media (max-width: 991px) {
#features {
background-position: -30% 114%;
}
}
@media (max-width: 767px) {
#features {
background-size: 400px auto;
background-position: center 104%;
}
}
#features .bg {
background: url("../img/pages/sales/banner-2.jpg") no-repeat center;
background-size: cover;
border-radius: 10px 10px 0 0;
padding: 80px 15px;
text-align: center;
color: #fff;
}
@media (max-width: 1620px) {
#features .bg {
border-radius: 0;
}
}
@media (max-width: 639px) {
#features .bg {
padding: 50px 15px;
}
}
@media (max-width: 479px) {
#features .bg {
padding: 40px 15px;
}
}
#features .bg h3 {
max-width: 740px;
margin: 0 auto;
color: #fff;
}
#features .container .content ul.check-ul {
max-width: 100%;
margin: 0 auto 0 64px;
padding: 0;
}
@media (max-width: 991px) {
#features .container .content ul.check-ul {
max-width: 400px;
margin: 0 auto;
padding: 0 0 0 30px;
}
}
#features .container .content ul.check-ul li b {
display: block;
color: #000;
}
#features .container .bottom {
background: #fff;
max-width: 912px;
-webkit-box-shadow: 0px 5px 30px 0px rgba(74, 74, 74, 0.2);
box-shadow: 0px 5px 30px 0px rgba(74, 74, 74, 0.2);
border-radius: 6px;
padding: 44px 30px;
text-align: center;
margin: 54px auto 100px;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
@media (max-width: 767px) {
#features .container .bottom {
margin: 150px -15px 40px;
padding: 35px 15px;
}
}
@media (max-width: 639px) {
#features .container .bottom {
padding: 30px 15px;
}
}
.page-template-sales .content .btn.btn-yellow, .page-template-sales .bottom .btn.btn-yellow {
letter-spacing: 2.5px;
min-width: 270px;
font-size: 16px;
border-radius: 30px;
}
@media (max-width: 991px) {
.page-template-sales .content .btn.btn-yellow, .page-template-sales .bottom .btn.btn-yellow {
font-size: 15px;
padding: 10px 30px;
}
}
@media (max-width: 767px) {
.page-template-sales .content .btn.btn-yellow, .page-template-sales .bottom .btn.btn-yellow {
font-size: 14px;
padding: 8px 30px;
}
}
.page-template-sales .content .btn.btn-yellow:hover, .page-template-sales .bottom .btn.btn-yellow:hover {
background: #f19109;
}
.test-slider {
padding-bottom: 50px;
}
.test-slider .slick-initialized {
margin: 0 auto;
max-width: 972px;
}
.test-slider .slick-arrow {
width: 38px;
height: 38px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #f1f1f1;
border-radius: 30px;
color: #838383 !important;
font-size: 20px;
position: absolute;
top: 50%;
margin-top: -19px;
z-index: 3;
}
@media (max-width: 767px) {
.test-slider .slick-arrow {
display: none !important;
}
}
.test-slider .slick-arrow.icon-left-open {
left: 8px;
}
.test-slider .slick-arrow.icon-right-open {
right: 8px;
}
@media (max-width: 767px) {
.test-slider .content {
padding: 0;
}
}
.test-slider .text-item {
padding: 30px;
}
@media (max-width: 991px) {
.test-slider .text-item {
padding: 30px 15px;
}
}
.test-slider .text-item > div {
padding: 70px 88px 50px;
text-align: center;
border-radius: 8px;
overflow: hidden;
background: #fff;
-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199px) {
.test-slider .text-item > div {
padding: 50px 60px;
}
}
@media (max-width: 991px) {
.test-slider .text-item > div {
padding: 40px 50px;
}
}
@media (max-width: 767px) {
.test-slider .text-item > div {
padding: 30px 20px;
}
}
@media (max-width: 639px) {
.test-slider .text-item > div {
padding: 20px 15px;
}
}
.test-slider .text-item > div .author {
font-size: 20px;
}
@media (max-width: 767px) {
.test-slider .text-item > div .author {
font-size: 16px;
margin-bottom: 20px;
display: block;
text-align: center;
}
}
.sales_confirm .btn.btn-yellow {
display: block;
margin: 30px auto 0;
font-size: 16px;
border-radius: 40px;
width: 100%;
max-width: 100%;
}
.sales_confirm .btn.btn-yellow:hover {
background: #f19109;
}
.sales_confirm .btn.btn-yellow span {
display: block;
}
.sub-banner .container {
padding: 0 50px;
}
@media (max-width: 991px) {
.sub-banner .container {
padding: 0 15px;
}
}
.sub-banner .wrap {
-webkit-box-shadow: 3px 4px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 3px 4px 30px 0px rgba(0, 0, 0, 0.1);
border-radius: 10px;
position: relative;
background: #fff;
margin-top: -60px;
}
@media (max-width: 639px) {
.sub-banner .wrap {
margin-top: -55px;
}
}
@media (max-width: 479px) {
.sub-banner .wrap {
margin-top: -45px;
}
}
.sub-banner .foot ul {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 25px 30px;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media (max-width: 1199px) {
.sub-banner .foot ul {
padding: 25px 30px;
}
}
@media (max-width: 991px) {
.sub-banner .foot ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 15px 0;
}
}
@media (max-width: 479px) {
.sub-banner .foot ul {
padding: 10px 0 5px;
}
}
.sub-banner .foot ul li {
display: inline-block;
margin: 0 15px;
text-align: center;
}
@media (max-width: 991px) {
.sub-banner .foot ul li {
padding: 10px 0;
margin: 0 18px;
}
}
@media (max-width: 479px) {
.sub-banner .foot ul li {
padding: 10px;
margin: 0;
width: auto;
}
}
.sub-banner .foot ul li i {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #f19109;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 991px) {
.sub-banner .foot ul li i svg {
width: 40px;
height: auto;
}
}
@media (max-width: 639px) {
.sub-banner .foot ul li i svg {
width: 32px;
height: auto;
}
}
.sub-banner .foot ul li h3 {
font-size: 35px;
line-height: 1.2em;
font-weight: 400;
color: #f19109;
margin: 0;
}
@media (max-width: 1199px) {
.sub-banner .foot ul li h3 {
font-size: 33px;
}
}
@media (max-width: 991px) {
.sub-banner .foot ul li h3 {
font-size: 29px;
}
}
@media (max-width: 767px) {
.sub-banner .foot ul li h3 {
font-size: 27px;
}
}
@media (max-width: 639px) {
.sub-banner .foot ul li h3 {
font-size: 25px;
}
}
@media (max-width: 479px) {
.sub-banner .foot ul li h3 {
font-size: 20px;
}
}
.sub-banner .foot ul li p {
font-size: 16px;
line-height: 1.3;
color: #555;
display: block;
text-align: center;
margin: 10px 0 0;
white-space: nowrap;
}
@media (max-width: 1199px) {
.sub-banner .foot ul li p {
white-space: normal;
}
}
@media (max-width: 991px) {
.sub-banner .foot ul li p {
font-size: 15px;
}
}
@media (max-width: 767px) {
.sub-banner .foot ul li p {
font-size: 14px;
}
}
@media (max-width: 639px) {
.sub-banner .foot ul li p {
font-size: 12px;
margin: 5px 0 0;
}
}
@media (max-width: 479px) {
.sub-banner .foot ul li p {
font-size: 11px;
}
}
.sub-banner .ctas {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #f5f5f5;
padding: 17px 20px;
}
@media (max-width: 991px) {
.sub-banner .ctas {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 639px) {
.sub-banner .ctas {
padding: 20px 0;
}
}
.sub-banner .ctas .col {
text-align: center;
padding: 22px 0;
}
@media (max-width: 1199px) {
.sub-banner .ctas .col {
padding: 15px 0;
}
}
@media (max-width: 991px) {
.sub-banner .ctas .col {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
}
.sub-banner .ctas .col:first-child {
border-right: 1px solid #ddd;
}
@media (max-width: 991px) {
.sub-banner .ctas .col:first-child {
border: none;
}
.sub-banner .ctas .col:first-child:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -80px;
width: 160px;
border-bottom: 1px solid #ddd;
}
}
.sub-banner .ctas .col a {
min-width: 310px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 40px;
border-radius: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 15px;
font-weight: 600;
letter-spacing: 0;
text-transform: none;
}
@media (max-width: 479px) {
.sub-banner .ctas .col a {
min-width: 260px;
}
}
.sub-banner .ctas .col a i.icon-right-open-mini {
font-size: 20px;
margin-right: auto;
}
.sub-banner .ctas .col a i:not(.icon-right-open-mini) {
width: 36px;
height: 36px;
line-height: 36px;
color: #f19109;
background: #fff;
border-radius: 50%;
margin-right: auto;
font-size: 22px;
}
#txt_quotes {
padding-bottom: 100px;
}
@media (max-width: 767px) {
#txt_quotes {
padding-bottom: 0;
}
}
@media (max-width: 639px) {
#txt_quotes h2 {
margin-bottom: 15px;
}
}
#txt_quotes .txt_quotes_wrap {
padding: 0 30px;
}
@media (max-width: 767px) {
#txt_quotes .txt_quotes_wrap {
padding: 0;
}
}
@media (max-width: 639px) {
#txt_quotes .txt_quotes_wrap {
margin-bottom: 60px;
}
}
#txt_quotes .txt_quotes_wrap figure {
text-align: left;
-webkit-box-shadow: 0 4px 23px -5px rgba(0, 0, 0, 0.07);
box-shadow: 0 4px 23px -5px rgba(0, 0, 0, 0.07);
margin: 0 0 30px;
background: url("../img/pages/sales/quotes.png") center no-repeat;
padding: 40px 40px 15px;
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 330px;
}
@media (max-width: 767px) {
#txt_quotes .txt_quotes_wrap figure {
padding: 40px 30px 20px;
margin: 0 0 15px;
}
}
@media (max-width: 639px) {
#txt_quotes .txt_quotes_wrap figure {
padding: 15px 20px 15px;
background-size: 170px auto;
min-height: 230px;
}
}
#txt_quotes .txt_quotes_wrap figure p {
font-size: 22px;
line-height: 1.63;
text-align: left;
margin: 0 0 30px;
}
@media (max-width: 1199px) {
#txt_quotes .txt_quotes_wrap figure p {
margin: 0 auto 40px;
font-size: 18px;
}
}
@media (max-width: 639px) {
#txt_quotes .txt_quotes_wrap figure p {
margin: 0 auto 22px;
font-size: 14px;
line-height: 1.45;
}
}
#txt_quotes .txt_quotes_wrap figure p:first-child {
margin-top: auto;
}
#txt_quotes .txt_quotes_wrap figure > b {
margin-top: auto;
font-size: 15px;
}
@media (max-width: 479px) {
#txt_quotes .txt_quotes_wrap figure > b {
font-size: 14px;
}
}
#txt_quotes .txt_quotes_wrap figure i {
color: #767676;
display: inline-block;
font-size: 14px;
line-height: 1.4;
}
@media (max-width: 479px) {
#txt_quotes .txt_quotes_wrap figure i {
font-size: 10px;
}
}
#txt_quotes .txt_quotes_wrap figure img {
margin: 46px auto 12px;
border-radius: 50%;
display: table;
height: 65px;
width: 65px;
}
#txt_quotes .slick-arrow {
font-size: 28px;
line-height: 38px;
font-weight: 100;
color: #838383;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
background: #f1f1f1;
position: absolute;
border-radius: 50%;
cursor: pointer;
height: 38px;
width: 38px;
bottom: 45%;
opacity: 1;
padding: 0;
z-index: 9;
}
#txt_quotes .slick-arrow:hover {
background: #d88208;
text-decoration: none;
color: #fff;
}
#txt_quotes .slick-arrow.icon-left-open-mini {
padding-right: 4px;
left: -18px;
}
#txt_quotes .slick-arrow.icon-right-open-mini {
right: -18px;
}
#txt_quotes .slick-dots {
left: 0;
right: 0;
width: auto;
bottom: -50px;
}
@media (max-width: 639px) {
#txt_quotes .slick-dots {
bottom: -33px;
}
}
@media (max-width: 767px) {
.sssn-blocks {
margin-left: -6px;
margin-right: -6px;
}
}
@media (max-width: 767px) {
.sssn-blocks > div {
padding-left: 6px;
padding-right: 6px;
}
}
.sssn-blocks figure {
background: #fff;
-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
border-radius: 7px;
overflow: hidden;
}
.sssn-blocks figure img {
display: block;
width: 100%;
height: auto;
}
.sssn-blocks figure figcaption {
font-size: 20px;
font-weight: bold;
padding: 0 25px;
height: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 991px) {
.sssn-blocks figure figcaption {
font-size: 18px;
padding: 25px 20px;
height: auto;
}
}
@media (max-width: 639px) {
.sssn-blocks figure figcaption {
font-size: 16px;
padding: 15px;
}
}
@media (max-width: 479px) {
.sssn-blocks figure figcaption {
font-size: 16px;
padding: 15px 12px;
}
}
.sssn-blocks figure figcaption b {
display: block;
white-space: nowrap;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
line-height: 1.3;
}
.topics {
background: #fff;
border-radius: 10px;
-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
padding: 25px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 40px auto 0;
}
@media (max-width: 479px) {
.topics {
padding: 15px 5px;
}
}
.topics span {
font-size: 16px;
font-weight: 600;
color: #fff;
background: #f19109;
line-height: 2;
display: inline-block;
margin: 10px 15px;
border-radius: 20px;
padding: 0 20px;
}
@media (max-width: 639px) {
.topics span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
}
.features_wrap {
position: relative;
display: block;
max-width: 1620px;
margin: 0 auto 0px;
padding: 70px 0 20px;
border-radius: 8px;
}
@media (max-width: 639px) {
.features_wrap {
padding: 70px 0 0;
margin: 0 auto 45px;
}
}
@media (max-width: 639px) {
.features_wrap h2 {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
}
.features_wrap.glass-tl {
background-image: url("../img/pages/sales/top-left-illustration.png");
background-repeat: no-repeat;
}
@media (max-width: 1199px) {
.features_wrap.glass-tl {
background-size: 150px auto;
}
}
@media (max-width: 479px) {
.features_wrap.glass-tl {
background-size: 80px auto;
}
}
.features_wrap .col-lg-4 {
margin-bottom: 30px;
}
@media (max-width: 639px) {
.features_wrap .col-lg-4 {
margin-bottom: 15px;
}
}
.features_wrap .col-lg-4 i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 50px;
margin-bottom: 10px;
color: #f19109;
}
@media (max-width: 479px) {
.features_wrap .col-lg-4 h4 {
font-size: 16px;
}
}
.features_wrap .col-lg-4 h5 {
line-height: 1.6;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.features_wrap .col-lg-4 h5 {
font-size: 15px;
}
}
.features_wrap .card {
background: #fff;
border-radius: 10px;
-webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
max-width: 910px;
padding: 45px 20px;
margin: 64px auto -93px;
}
@media (max-width: 991px) {
.features_wrap .card {
margin: 152px auto -129px;
}
}
@media (max-width: 767px) {
.features_wrap .card {
margin: 160px auto -90px;
padding: 35px 15px;
}
}
@media (max-width: 767px) {
.features_wrap .card {
margin: 160px auto -60px;
}
}
.features_wrap .card .btn {
max-width: 270px;
margin: 0 auto;
}
@media (max-width: 639px) {
.features_wrap .card .btn {
min-width: 0 !important;
width: 100%;
}
}
#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;
-webkit-hyphens: auto;
-ms-hyphens: auto;
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_iframe_wrap iframe {
width: 100%;
height: 100vh;
border: none;
outline: none;
}
#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: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
#community_content .wrap .btn.btn.btn-blue {
margin: 10px auto 10px auto;
}
@media (max-width: 639px) {
#community_content .wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
#community_content h3 {
font-size: 22px;
line-height: 21px;
font-weight: 600;
color: #000;
margin: 0 0 35px;
}
@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 13px;
}
@media (max-width: 479px) {
#community_content h4 {
font-size: 16px;
}
}
#community_content p {
margin: 0 0 36px 0;
font-size: 16px;
line-height: 160%;
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 {
font-size: 14px;
font-weight: 700;
color: #fff;
margin: 32px 0 10px;
border-radius: 100px;
letter-spacing: 0;
padding: 10px 20px 6px;
line-height: 1.3;
letter-spacing: 0;
width: 220px;
display: block;
}
@media (max-width: 767px) {
#community_content .btn.btn-blue {
max-width: 320px;
padding: 11px 10px;
width: 100%;
}
}
@media (max-width: 639px) {
#community_content .btn.btn-blue {
width: 100%;
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 479px) {
#community_content .btn.btn-blue {
font-size: 15px;
margin: 0 0 60px;
padding: 10px 0;
}
}
#community_content .btn.btn-blue:hover {
color: #fff;
}
#community_content .btn.btn-blue.dark {
margin: 60px auto 80px;
display: table;
}
#community_content .btn.btn-blue span {
position: relative;
top: -2px;
margin: 0px 10px 0 -27px;
vertical-align: middle;
font-size: 22px;
}
@media (max-width: 479px) {
#community_content .btn.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 -15px 60px;
padding: 60px 15px;
}
}
@media (max-width: 479px) {
#community_content .gray_wrap {
padding: 45px 15px 30px;
margin: 30px -15px 40px;
}
}
@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;
}
}
#modules .modules_wrap .upcoming {
padding: 82px 15px 0;
text-align: center;
}
@media (max-width: 1199px) {
#modules .modules_wrap .upcoming {
padding: 60px 15px 0;
}
}
@media (max-width: 767px) {
#modules .modules_wrap .upcoming {
padding: 40px 15px 0;
}
}
@media (max-width: 639px) {
#modules .modules_wrap .upcoming {
padding: 30px 15px 0;
}
}
#modules .modules_wrap .upcoming img {
width: 90px;
height: auto;
}
@media (max-width: 1199px) {
#modules .modules_wrap .upcoming img {
width: 90px;
}
}
@media (max-width: 767px) {
#modules .modules_wrap .upcoming img {
width: 75px;
}
}
#modules .modules_wrap .upcoming 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 .modules_wrap .upcoming h3 {
font-size: 22px;
margin: 10px 0 40px;
}
}
@media (max-width: 767px) {
#modules .modules_wrap .upcoming h3 {
font-size: 20px;
}
}
#modules .modules_wrap .upcoming p.program_ttl {
font-size: 16px;
line-height: 1.45em;
font-weight: 400;
color: #666;
margin: 15px 0 0;
}
@media (max-width: 767px) {
#modules .modules_wrap .upcoming p.program_ttl {
font-size: 13px;
}
}
#modules .modules_wrap .upcoming p.time {
font-size: 18px;
line-height: 1.45em;
font-weight: 700;
color: #CF0000;
margin: 0;
}
@media (max-width: 767px) {
#modules .modules_wrap .upcoming p.time {
font-size: 15px;
}
}
#modules .modules_wrap .upcoming 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 -15px;
}
@media (max-width: 639px) {
#modules .modules_wrap .upcoming p.note {
margin: 15px -15px 0;
}
}
#modules .modules_wrap .upcoming p.note b {
font-style: normal;
color: #CF0000;
}
#modules .modules_wrap .upcoming .btn {
font-size: 14px;
font-weight: 700;
margin: 15px auto 70px;
border-radius: 2px;
letter-spacing: 0;
padding: 16px;
width: 290px;
}
@media (max-width: 1199px) {
#modules .modules_wrap .upcoming .btn {
margin: 10px auto 60px;
}
}
@media (max-width: 767px) {
#modules .modules_wrap .upcoming .btn {
font-size: 13px;
font-weight: 600;
margin: 10px auto 45px;
width: 230px;
}
}
@media (max-width: 639px) {
#modules .modules_wrap .upcoming .btn {
margin: 5px auto 30px;
width: 290px;
}
}
#modules .modules_wrap .upcoming .btn.btn-trsp-blue {
padding: 9px;
}
#modules .modules_wrap .upcoming .addeventatc {
background: #CF0000;
color: #fff !important;
border: none;
position: relative;
z-index: 0;
}
#modules .modules_wrap .upcoming .addeventatc:hover {
background: #ff0303;
}
#modules .modules_wrap .upcoming .addeventatc .addeventatc_icon {
display: none;
}
#modules .modules_wrap .upcoming .addeventatc:before {
position: absolute;
top: 16px;
left: 18px;
content: "📅";
font-family: entypo;
font-size: 20px;
color: #fff;
font-weight: 400;
}
#modules .modules_wrap .upcoming .wrap_both {
max-width: 720px;
margin: 0 auto;
}
#modules .modules_wrap .upcoming .wrap_both .wrap_single {
float: left;
width: 50%;
}
@media (max-width: 639px) {
#modules .modules_wrap .upcoming .wrap_both .wrap_single {
width: 100%;
}
}
#modules .modules_wrap .upcoming .descr_wrap {
padding: 40px 20px 30px;
text-align: left;
color: #000;
}
@media (max-width: 991px) {
#modules .modules_wrap .upcoming .descr_wrap {
padding: 40px 0 30px;
}
}
@media (max-width: 479px) {
#modules .modules_wrap .upcoming .descr_wrap {
padding: 40px 0 0;
}
}
#modules .modules_wrap .upcoming .descr_wrap h4 {
font-size: 18px;
font-weight: 800;
margin: 0 0 12px;
}
@media (max-width: 767px) {
#modules .modules_wrap .upcoming .descr_wrap h4 {
font-size: 16px;
}
}
#modules .modules_wrap .upcoming .descr_wrap ul {
list-style: none;
padding: 0;
margin: 0;
}
#modules .modules_wrap .upcoming .descr_wrap ul li {
font-size: 14px;
line-height: 1.9;
color: #747474;
position: relative;
}
@media (max-width: 767px) {
#modules .modules_wrap .upcoming .descr_wrap ul li {
font-size: 14px;
line-height: 1.45;
margin: 0 0 6px;
}
}
#modules .modules_wrap .upcoming .descr_wrap ul li:before {
display: inline-block;
padding: 0 5px 0 0;
content: "•";
}
#modules {
padding: 30px 0 20px;
background: #fff;
position: relative;
min-height: 600px;
height: auto;
}
@media (max-width: 639px) {
#modules {
margin: -5px 0 0;
}
}
#modules .video_wrap {
background: #000;
}
@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;
}
}
@media (max-width: 991px) {
#modules .sb {
position: relative;
max-width: initial;
}
}
#modules .sb .menu-topics-container,
#modules .sb .menu-modules-container,
#modules .sb .menu-demo-container {
max-width: 245px;
width: 100%;
}
@media (max-width: 1199px) {
#modules .sb .menu-topics-container,
#modules .sb .menu-modules-container,
#modules .sb .menu-demo-container {
max-width: 210px;
}
}
@media (max-width: 991px) {
#modules .sb .menu-topics-container,
#modules .sb .menu-modules-container,
#modules .sb .menu-demo-container {
position: relative !important;
height: initial !important;
max-width: initial;
}
}
@media (max-width: 991px) {
#modules .sb .menu-topics-container #menu-topics,
#modules .sb .menu-modules-container #menu-topics,
#modules .sb .menu-demo-container #menu-topics {
width: initial;
margin-top: 0;
}
}
@media (max-width: 479px) {
#modules .sb .menu-topics-container #menu-topics,
#modules .sb .menu-modules-container #menu-topics,
#modules .sb .menu-demo-container #menu-topics {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
#modules .sb .menu-topics-container #menu-topics .icon-right-open-big,
#modules .sb .menu-topics-container #menu-topics .icon-left-open-big,
#modules .sb .menu-modules-container #menu-topics .icon-right-open-big,
#modules .sb .menu-modules-container #menu-topics .icon-left-open-big,
#modules .sb .menu-demo-container #menu-topics .icon-right-open-big,
#modules .sb .menu-demo-container #menu-topics .icon-left-open-big {
position: absolute;
top: 15px;
z-index: 2;
}
#modules .sb .menu-topics-container #menu-topics .icon-right-open-big,
#modules .sb .menu-modules-container #menu-topics .icon-right-open-big,
#modules .sb .menu-demo-container #menu-topics .icon-right-open-big {
right: 0;
}
#modules .sb .menu-topics-container #menu-topics .icon-left-open-big,
#modules .sb .menu-modules-container #menu-topics .icon-left-open-big,
#modules .sb .menu-demo-container #menu-topics .icon-left-open-big {
left: 0;
}
#modules .modules_wrap .upcoming {
border: none;
}
#modules .modules_wrap .upcoming h3 {
width: initial;
font-size: 32px;
padding: 0px 15px;
margin-bottom: 45px;
}
@media (max-width: 767px) {
#modules .modules_wrap .upcoming h3 {
font-size: 22px;
margin-bottom: 30px;
}
}
#modules .modules_wrap .upcoming p.program_ttl {
color: #666;
}
#modules .modules_wrap .upcoming .wrap_both {
margin-bottom: 30px;
}
@media (max-width: 767px) {
#modules .modules_wrap .upcoming .wrap_both {
margin-bottom: 20px;
}
}
#modules .foot_wrap {
padding: 0 35px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
@media (max-width: 1199px) {
#modules .foot_wrap {
padding: 0 30px;
}
}
@media (max-width: 767px) {
#modules .foot_wrap {
padding: 0 15px;
}
}
#modules .foot_wrap iframe {
width: 100%;
min-height: 400px;
border: 1px solid #ddd;
}
#modules .descr_wrap {
padding: 42px 0 35px;
color: #000;
}
@media (max-width: 991px) {
#modules .descr_wrap {
padding: 40px 0 30px;
}
}
@media (max-width: 767px) {
#modules .descr_wrap {
padding: 30px 15px 30px;
text-align: left;
}
}
@media (max-width: 479px) {
#modules .descr_wrap {
padding: 20px 15px 0;
}
}
#modules .descr_wrap h3,
#modules .descr_wrap h4 {
font-size: 18px;
font-weight: 600;
margin: 0 0 12px;
}
@media (max-width: 767px) {
#modules .descr_wrap h3,
#modules .descr_wrap h4 {
font-size: 16px;
}
}
#modules .descr_wrap p {
color: #747474;
font-size: 15px;
line-height: 22px;
}
#modules .descr_wrap ul,
#modules .descr_wrap ol {
list-style: none;
padding: 0;
margin: 0 0 20px;
}
#modules .descr_wrap ul li,
#modules .descr_wrap ol li {
font-size: 15px;
line-height: 22px;
color: #747474;
position: relative;
}
@media (max-width: 767px) {
#modules .descr_wrap ul li,
#modules .descr_wrap ol li {
font-size: 14px;
line-height: 1.45;
margin: 0 0 6px;
}
}
#modules .descr_wrap ul li:before,
#modules .descr_wrap ol 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 .topic_date {
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: 15px 20px;
}
@media (max-width: 767px) {
#modules .topic_date {
padding: 15px 15px;
}
}
#modules .topic_date p {
margin-bottom: 0;
font-size: 18px;
line-height: 24px;
font-weight: 700;
color: #CF0000;
}
@media (max-width: 767px) {
#modules .topic_date p {
font-size: 16px;
line-height: 22px;
font-weight: 700;
}
}
#modules .upcoming {
position: relative;
padding: 0;
text-align: center;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
overflow: hidden;
}
@media (max-width: 767px) {
#modules .upcoming {
border: none;
}
}
#modules .upcoming .content_wrap {
position: relative;
z-index: 2;
padding: 62px 15px 63px;
background: rgba(0, 0, 0, 0.85);
}
@media (max-width: 767px) {
#modules .upcoming .content_wrap {
padding: 40px 15px 50px;
}
}
#modules .upcoming h3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto 20px;
width: 70px;
padding: 0 0px 2px;
text-align: center;
font-size: 40px;
font-weight: 700;
color: #e2a132;
background: #fff;
border-radius: 4px;
overflow: hidden;
}
@media (max-width: 767px) {
#modules .upcoming h3 {
font-size: 30px;
}
}
#modules .upcoming h3 span {
font-size: 14px;
font-weight: 600;
background: #e2a132;
color: #fff;
width: 100%;
line-height: 24px;
}
#modules .upcoming h3 span:first-letter {
text-transform: uppercase;
}
#modules .upcoming h2 {
font-size: 36px;
line-height: 46px;
font-weight: 700;
color: #fff;
margin-bottom: 8px;
margin-top: 0px;
}
@media (max-width: 767px) {
#modules .upcoming h2 {
font-size: 32px;
line-height: 40px;
font-weight: 700;
}
}
@media (max-width: 639px) {
#modules .upcoming h2 {
font-size: 24px;
line-height: 30px;
font-weight: 700;
}
}
#modules .upcoming p {
color: #fff;
margin-bottom: 15px;
}
#modules .upcoming p.program_ttl {
font-size: 15px;
line-height: 1.45em;
font-weight: 400;
color: #fff;
margin: 15px 0 0;
}
@media (max-width: 767px) {
#modules .upcoming p.program_ttl {
font-size: 13px;
}
}
#modules .upcoming p.time {
font-size: 17px;
line-height: 1.45em;
font-weight: 700;
color: #CF0000;
margin: 0;
}
@media (max-width: 767px) {
#modules .upcoming p.time {
font-size: 15px;
}
}
#modules .upcoming p.note {
font-size: 13px;
line-height: 1.45em;
font-weight: 400;
font-style: italic;
color: #555;
letter-spacing: -0.1px;
padding: 25px 15px;
background: #ddd;
margin: 0 0;
}
@media (max-width: 639px) {
#modules .upcoming p.note {
margin: 15px -15px 0;
}
}
#modules .upcoming p.note b {
font-style: normal;
color: #CF0000;
}
#modules .upcoming label {
width: 100%;
margin-top: 8px;
margin-bottom: 24px;
padding: 0 67px 0 0;
}
@media (max-width: 767px) {
#modules .upcoming label {
padding: 0;
}
}
#modules .upcoming label span {
color: #fff;
font-size: 13px;
font-style: italic;
margin-right: 8px;
}
@media (max-width: 767px) {
#modules .upcoming label span {
display: block;
margin-bottom: 10px;
}
}
#modules .upcoming label input {
border: none;
font-size: 16px;
color: #555555;
padding: 0 10px;
max-width: 410px;
height: 55px;
width: 100%;
}
@media (max-width: 767px) {
#modules .upcoming label input {
height: 45px;
}
}
#modules .upcoming .btn {
padding: 12px 30px;
font-size: 15px;
font-weight: 700;
}
#modules .upcoming .wrap_both {
max-width: 720px;
margin: 0 auto;
}
#modules .upcoming .wrap_both .wrap_single {
float: left;
width: 50%;
}
@media (max-width: 639px) {
#modules .upcoming .wrap_both .wrap_single {
width: 100%;
}
}
#modules .card {
border: 1px solid #ddd;
border-top: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
}
#modules .card:first-child {
border-top: 1px solid #ddd;
margin-top: 4px;
}
@media (max-width: 991px) {
#modules .card:first-child {
margin-top: 0;
}
}
#modules .card .card-header {
-webkit-box-shadow: none;
box-shadow: none;
}
#modules .card .card-header h5 {
color: #CF0000;
}
#modules .card .card-body {
padding: 0;
}
#modules .card .card-body .video img {
height: 100%;
}
#modules .card .card-body .foot_wrap {
border: none;
}
#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;
}
}
#all_topics {
background: #f5f5f5;
padding: 50px 0 50px;
}
#all_topics .topic_wrap:hover {
text-decoration: none;
}
#all_topics .topic_wrap img {
display: block;
width: 100%;
background: #ddd;
border-radius: 6px 6px 0 0;
}
#all_topics h2 {
text-align: center;
font-size: 30px;
font-weight: 700;
margin-bottom: 23px;
}
#all_topics h3 {
background: #fff;
text-align: left;
font-size: 18px;
font-weight: 600;
color: #000;
padding: 20px 20px;
border-radius: 0 0 6px 6px;
}
#all_topics .topic_block {
margin-bottom: 50px;
}
@media (max-width: 1199px) {
#all_topics .topic_block {
margin-bottom: 30px;
}
}
#all_topics .slick-arrow {
position: absolute;
bottom: 0px;
width: 32px;
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 60px;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #f19108;
color: #fff;
font-size: 16px;
font-weight: 600;
}
#all_topics .slick-arrow:hover {
color: #f19108;
background: #fff;
}
#all_topics .icon-left-open-big {
left: 40%;
}
#all_topics .icon-right-open-big {
right: 40%;
}
body #menu-topics > li,
body #menu-demo > li {
border-bottom: 1px solid #ddd;
border-left: none !important;
}
body #menu-topics > li:hover,
body #menu-demo > li:hover {
background: none !important;
}
body #menu-topics > li > a,
body #menu-demo > li > a {
font-size: 17px;
color: #CF0000;
font-weight: 700;
position: relative;
left: -2px;
cursor: pointer;
text-align: center;
}
body #menu-topics > li.menu-item-has-children > a:after,
body #menu-demo > li.menu-item-has-children > a:after {
font: normal normal normal 20px/1 entypo;
font-weight: 700;
display: inline-block;
padding: 0 0 0 5px;
content: "\e75c";
position: absolute;
right: 10px;
top: 12px;
}
body #menu-topics li.open > a:after,
body #menu-demo li.open > a:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
right: 6px;
}
@media (max-width: 991px) {
body #menu-topics .menu-item-has-children,
body #menu-demo .menu-item-has-children {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (max-width: 991px) {
body #menu-topics .menu-item-has-children > a,
body #menu-demo .menu-item-has-children > a {
width: 100%;
}
}
body #menu-topics .menu-item-has-children.open,
body #menu-demo .menu-item-has-children.open {
border-left: 3px solid #CF0000;
}
body #menu-topics .menu-item-has-children.open > a,
body #menu-demo .menu-item-has-children.open > a {
background: #f5f5f5;
}
body #menu-topics .menu-item-has-children.open ul a,
body #menu-demo .menu-item-has-children.open ul a {
background: none;
}
body #menu-topics .menu-item-has-children.open ul li,
body #menu-demo .menu-item-has-children.open ul li {
width: 100%;
}
@media (max-width: 991px) {
body #menu-topics .menu-item-has-children.open ul li a,
body #menu-demo .menu-item-has-children.open ul li a {
text-align: left;
}
}
body #menu-topics .menu-item-has-children.open .sub-menu,
body #menu-demo .menu-item-has-children.open .sub-menu {
display: block;
list-style: none;
margin-left: 0;
padding-left: 0;
width: 100%;
}
body #menu-topics .menu-item-has-children .sub-menu,
body #menu-demo .menu-item-has-children .sub-menu {
display: none;
}
#my_account {
padding: 0;
}
@media (max-width: 1199px) {
#my_account {
padding: 0 0 90px;
}
}
@media (max-width: 767px) {
#my_account {
padding: 0 0 60px;
}
}
#my_account .container {
max-width: 950px;
}
#my_account .sidebar {
padding: 0;
/*ul{
list-style: none;
padding: 0;
margin: 0;
li{
@include font(13px, 1.8em, 400, false, #787878);
b{
@include font(17px, false, false, false, #000);
margin: 0 0 15px;
display: block;
}
}
}*/
}
#my_account .sidebar .profile {
padding: 50px 0px 0px 64px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 991px) {
#my_account .sidebar .profile {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
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;
}
#my_account .sidebar .profile h5 {
font-size: 14px;
line-height: 1.3;
font-weight: 600;
color: #CF0000;
padding-right: 30px;
}
#my_account .sidebar .profile .box {
margin: 0 0 0 auto;
width: 163px;
}
@media (max-width: 991px) {
#my_account .sidebar .profile .box {
margin: 23px 0 0;
width: 102px;
}
}
#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;
}
}
#my_account .sidebar .change_avatar .icon-pencil {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
border: 1px solid #CF0000;
font-size: 18px;
border-radius: 50%;
position: absolute;
line-height: 22px;
background: #fff;
color: #CF0000;
cursor: pointer;
bottom: -85px;
height: 26px;
margin: auto;
width: 26px;
right: 0;
left: 0;
top: 0;
}
#my_account .sidebar .change_avatar:hover .icon-pencil {
-webkit-transform: scale(2.5);
-ms-transform: scale(2.5);
transform: scale(2.5);
bottom: 0;
margin: auto;
}
#my_account .sidebar .avatar {
border: 1px solid #e3e3e3;
-o-object-position: center;
object-position: center;
border-radius: 50%;
-o-object-fit: cover;
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-link {
border: none;
}
#my_account .sidebar .nav {
margin-top: 40px;
}
#my_account .sidebar .nav-tabs {
border-bottom: none;
border-top: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
border-radius: 6px 6px 0 0;
}
#my_account .sidebar .nav-tabs .nav-item {
font-size: 14px;
line-height: 64px;
font-weight: 600;
color: #747474;
background: transparent;
border-bottom: none;
border-color: #eee;
text-align: center;
margin: 0 0 -1px;
border-radius: 0;
border-top: none;
padding: 0 20px;
height: 66px;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
border-right: 1px solid #E0E0E0;
}
@media (max-width: 479px) {
#my_account .sidebar .nav-tabs .nav-item {
font-size: 13px;
line-height: 46px;
padding: 0 8px;
height: 48px;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
}
#my_account .sidebar .nav-tabs .nav-item:last-child {
border: none;
}
#my_account .sidebar .nav-tabs .nav-item.active {
color: #CF0000;
border-bottom: 4px solid #CF0000;
margin: 0 0 -1px;
}
#my_account .sidebar .btn {
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;
}
#my_account .content {
border: 1px solid #ddd !important;
border-top: none;
border-radius: 0 0 6px 6px;
overflow: hidden;
}
#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 h4 {
font-size: 20px;
line-height: 1em;
font-weight: 400;
color: #000;
margin: 0;
}
@media (max-width: 767px) {
#my_account .content #account-content h4 {
font-size: 18px;
}
}
#my_account .content #account-content h4 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 h4 b {
font-size: 18px;
margin: 0 0 5px;
}
}
#my_account .content #account-content h4 i {
margin: 0 0 38px;
font-size: 15px;
color: #CF0000;
display: block;
}
#my_account .content #account-content .btn {
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 {
font-size: 14px;
padding: 10px 40px;
}
}
#my_account .content #account-content .settings-field {
border-bottom: 1px solid #eee;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 116px;
}
@media (max-width: 991px) {
#my_account .content #account-content .settings-field {
padding: 24px 0;
height: auto;
}
}
@media (max-width: 767px) {
#my_account .content #account-content .settings-field {
padding: 10px 0;
}
}
#my_account .content #account-content .settings-field:last-of-type {
margin-bottom: 38px;
}
@media (max-width: 767px) {
#my_account .content #account-content .settings-field:last-of-type {
margin-bottom: 20px;
}
}
#my_account .content #account-content .settings-field a {
color: #CF0000;
}
#my_account .content #account-content .settings-field .icon {
margin: 0 44px 0 2px;
font-size: 50px;
color: #CF0000;
}
@media (max-width: 991px) {
#my_account .content #account-content .settings-field .icon {
font-size: 40px;
margin-right: 20px;
}
}
@media (max-width: 639px) {
#my_account .content #account-content .settings-field .icon {
margin-right: 15px;
font-size: 30px;
}
}
@media (max-width: 991px) {
#my_account .content #account-content .settings-field .icon img {
max-width: 32px;
}
}
@media (max-width: 639px) {
#my_account .content #account-content .settings-field .icon img {
max-width: 28px;
}
}
#my_account .content #account-content .settings-field h4 {
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #666;
padding-right: 30px;
margin: 0;
}
#my_account .content #account-content .settings-field h4 b {
font-size: 24px;
color: #000;
margin: 0;
}
@media (max-width: 767px) {
#my_account .content #account-content .settings-field h4 b {
font-size: 18px;
}
}
@media (max-width: 639px) {
#my_account .content #account-content .settings-field h4 b {
font-size: 16px;
}
}
#my_account .content #account-content .settings-field h4 .field_wrap {
position: relative;
background: none;
}
#my_account .content #account-content .settings-field h4 .field_wrap span {
font-size: 24px;
line-height: 33px;
font-weight: 600;
color: #000;
}
#my_account .content #account-content .settings-field h4 .field_wrap:before {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
font-family: entypo;
position: absolute;
line-height: 44px;
font-size: 18px;
display: block;
content: "";
z-index: 1;
right: 0;
}
#my_account .content #account-content .settings-field h4 .field_wrap.success:before {
content: "✓";
color: green;
}
#my_account .content #account-content .settings-field h4 .field_wrap.success input {
-webkit-box-shadow: 0 0 10px rgba(0, 128, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 128, 0, 0.3);
border: 1px solid green;
color: green;
}
#my_account .content #account-content .settings-field h4 .field_wrap.error:before {
content: "✕";
color: red;
}
#my_account .content #account-content .settings-field h4 .field_wrap.error input {
-webkit-box-shadow: 0 0 10px rgba(255, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(255, 0, 0, 0.3);
border: 1px solid red;
color: red;
}
#my_account .content #account-content .settings-field h4 input {
font-size: 24px;
line-height: 33px;
font-weight: 700;
color: #000;
border: 1px solid transparent;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
padding: 0 15px;
margin: 0 -15px;
display: block;
background: #fff;
}
@media (max-width: 767px) {
#my_account .content #account-content .settings-field h4 input {
font-size: 20px;
line-height: 28px;
font-weight: 600;
}
}
#my_account .content #account-content .settings-field h4 input:focus {
-webkit-box-shadow: 0 0 10px rgba(207, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(207, 0, 0, 0.3);
border: 1px solid #CF0000;
outline: none;
}
#my_account .content #account-content .settings-field .cta {
margin-left: auto;
background: none;
-webkit-transition: 0.2s;
transition: 0.2s;
font-size: 28px;
cursor: pointer;
color: #CF0000;
border: none;
padding: 0;
opacity: 1;
}
#my_account .content #account-content .settings-field .cta:hover {
opacity: 0.8;
}
#my_account .content #account-content .tab-notf {
padding: 80px 98px 101px;
}
@media (max-width: 991px) {
#my_account .content #account-content .tab-notf {
padding: 50px 0 40px;
}
}
#my_account .content #account-content .tab-notf .pages_account_letter {
margin: 0 0 23px;
width: 75px;
}
@media (max-width: 991px) {
#my_account .content #account-content .tab-notf .pages_account_letter {
width: 60px;
}
}
#my_account .content #account-content .tab-notf h3 {
font-size: 22px;
line-height: 1.45;
}
@media (max-width: 991px) {
#my_account .content #account-content .tab-notf h3 {
font-size: 20px;
}
}
@media (max-width: 479px) {
#my_account .content #account-content .tab-notf 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 {
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 {
margin: 25px auto 0;
}
}
@media (max-width: 479px) {
#my_account .content .gray_box .btn {
padding: 12px 30px;
}
}
.notf-field {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 13px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.notf-field .icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0 16px 0 0;
font-size: 34px;
color: #CF0000;
}
.notf-field h5 {
padding-right: 30px;
font-weight: 600;
font-size: 17px;
color: #000000;
margin: 0;
}
.notf-field .switch {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding-left: 5px;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 60px;
height: 20px;
}
.notf-field .switch input {
position: absolute;
height: 100%;
width: 100%;
opacity: 0;
z-index: 2;
bottom: 0;
margin: 0;
right: 0;
left: 0;
top: 0;
}
.notf-field .switch label {
padding-right: 38px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 400;
font-size: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #000;
margin: 0;
}
.notf-field .switch label span {
display: none;
}
.notf-field .switch label .off {
color: #999;
}
.notf-field .switch label:before {
-webkit-box-shadow: 0 0 0 1px #eee;
box-shadow: 0 0 0 1px #eee;
border: 3px solid #fff;
background: #f5f5f5;
border-radius: 9px;
position: absolute;
-webkit-transition: 0.2s;
transition: 0.2s;
display: block;
height: 16px;
width: 28px;
content: "";
right: 0;
}
.notf-field .switch label:after {
background: #c5b9c8;
border-radius: 50%;
position: absolute;
-webkit-transition: 0.2s;
transition: 0.2s;
display: block;
height: 10px;
content: "";
right: 14px;
width: 10px;
}
.notf-field .switch input[type=checkbox]:not(:checked) + label .off {
display: inline-block;
}
.notf-field .switch input[type=checkbox]:checked + label .on {
display: inline-block;
}
.notf-field .switch input[type=checkbox]:checked + label:before {
background: #c5b9c8;
}
.notf-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 {
-webkit-transition: all 0.3s linear;
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 #CF0000;
color: #CF0000 !important;
position: relative;
z-index: 10;
}
#i4wcportalinvoices .i4w-cportal-invoice-open {
font-size: 12px;
line-height: 1.45;
font-weight: 600;
border: 1px solid #CF0000;
color: #CF0000;
background: #fff;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
border-radius: 100px;
padding: 7px 25px;
}
#i4wcportalinvoices .i4w-cportal-invoice-open:hover {
background: #CF0000;
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 #CF0000;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
background: #CF0000;
border-radius: 100px;
padding: 7px 25px;
margin: 11px 0 0;
}
#i4wcportalinvoices .i4w-cportal-invoice-pay:hover {
background: #fff;
color: #CF0000;
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;
-webkit-transform: scale(1);
-ms-transform: scale(1);
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: #f19109;
color: #fff;
border: none;
outline: none;
border-radius: 60px;
-webkit-transition: all 0.2s;
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: #d88208;
}
#res_lib {
position: relative;
background: #fff;
height: auto;
padding: 0;
}
#res_lib.search h3 {
font-size: 28px;
line-height: 1.45;
font-weight: 400;
color: #000;
}
@media (max-width: 991px) {
#res_lib.search h3 {
font-size: 24px;
}
}
@media (max-width: 767px) {
#res_lib.search h3 {
font-size: 22px;
}
}
@media (max-width: 479px) {
#res_lib.search h3 {
font-size: 20px;
}
}
#res_lib.search ul li {
font-size: 20px;
line-height: 1.45;
font-weight: 400;
color: #000;
margin: 0;
}
@media (max-width: 991px) {
#res_lib.search ul li {
font-size: 18px;
}
}
@media (max-width: 479px) {
#res_lib.search 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;
}
}
@media (max-width: 767px) {
#res_lib .media {
display: block;
}
}
#res_lib .sb {
position: absolute;
max-width: 245px;
height: 100%;
width: 100%;
}
@media (max-width: 1199px) {
#res_lib .sb {
max-width: 210px;
}
}
@media (max-width: 991px) {
#res_lib .sb {
position: relative;
max-width: initial;
}
}
#res_lib .sb .menu-topics-container,
#res_lib .sb .menu-modules-container,
#res_lib .sb .menu-demo-container,
#res_lib .sb .menu-resources-container {
max-width: 245px;
width: 100%;
}
@media (max-width: 1199px) {
#res_lib .sb .menu-topics-container,
#res_lib .sb .menu-modules-container,
#res_lib .sb .menu-demo-container,
#res_lib .sb .menu-resources-container {
max-width: 210px;
}
}
@media (max-width: 991px) {
#res_lib .sb .menu-topics-container,
#res_lib .sb .menu-modules-container,
#res_lib .sb .menu-demo-container,
#res_lib .sb .menu-resources-container {
position: relative !important;
height: initial !important;
max-width: initial;
}
}
@media (max-width: 991px) {
#res_lib .sb .menu-topics-container #menu-topics,
#res_lib .sb .menu-modules-container #menu-topics,
#res_lib .sb .menu-demo-container #menu-topics,
#res_lib .sb .menu-resources-container #menu-topics {
width: initial;
margin-top: 0;
}
}
@media (max-width: 479px) {
#res_lib .sb .menu-topics-container #menu-topics,
#res_lib .sb .menu-modules-container #menu-topics,
#res_lib .sb .menu-demo-container #menu-topics,
#res_lib .sb .menu-resources-container #menu-topics {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
#res_lib .sb .menu-topics-container #menu-topics .icon-right-open-big,
#res_lib .sb .menu-topics-container #menu-topics .icon-left-open-big,
#res_lib .sb .menu-modules-container #menu-topics .icon-right-open-big,
#res_lib .sb .menu-modules-container #menu-topics .icon-left-open-big,
#res_lib .sb .menu-demo-container #menu-topics .icon-right-open-big,
#res_lib .sb .menu-demo-container #menu-topics .icon-left-open-big,
#res_lib .sb .menu-resources-container #menu-topics .icon-right-open-big,
#res_lib .sb .menu-resources-container #menu-topics .icon-left-open-big {
position: absolute;
top: 15px;
z-index: 2;
}
#res_lib .sb .menu-topics-container #menu-topics .icon-right-open-big,
#res_lib .sb .menu-modules-container #menu-topics .icon-right-open-big,
#res_lib .sb .menu-demo-container #menu-topics .icon-right-open-big,
#res_lib .sb .menu-resources-container #menu-topics .icon-right-open-big {
right: 0;
}
#res_lib .sb .menu-topics-container #menu-topics .icon-left-open-big,
#res_lib .sb .menu-modules-container #menu-topics .icon-left-open-big,
#res_lib .sb .menu-demo-container #menu-topics .icon-left-open-big,
#res_lib .sb .menu-resources-container #menu-topics .icon-left-open-big {
left: 0;
}
#res_lib .wrap_all_res {
padding: 54px 15px 80px;
min-height: 385px;
}
@media (max-width: 1199px) {
#res_lib .wrap_all_res {
padding: 54px 15px 80px 60px;
}
}
@media (max-width: 991px) {
#res_lib .wrap_all_res {
padding: 60px 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 32px 0 0;
text-align: center;
width: 184px;
}
@media (max-width: 1199px) {
#res_lib .res .thumb_wrap {
padding: 0 15px 0 0;
}
}
@media (max-width: 991px) {
#res_lib .res .thumb_wrap {
width: 130px;
}
}
@media (max-width: 767px) {
#res_lib .res .thumb_wrap {
width: 100%;
padding: 0;
}
}
#res_lib .res .thumb_wrap img.thumb {
max-height: 89px;
max-width: 108px;
height: auto;
width: auto;
}
#res_lib .res .ttl {
font-size: 18px;
line-height: 1.45;
font-weight: 600;
color: #000;
margin: 8px 0 0;
}
#res_lib .res .descr {
font-size: 13px;
line-height: 1.65;
font-weight: 600;
color: #000;
margin: 0;
}
#res_lib .res .type {
font-size: 13px;
line-height: 1.85;
font-weight: 600;
color: #CF0000;
margin: 0;
}
@media (max-width: 767px) {
#res_lib .res .type {
margin: 0 0 10px;
}
}
#res_lib .res .btn {
font-size: 13px;
letter-spacing: 2px;
border-radius: 50px;
text-align: center;
margin: 5px 0 0;
padding: 9px 0;
width: 130px;
}
@media (max-width: 1199px) {
#res_lib .res .btn {
margin: 0;
}
}
@media (max-width: 767px) {
#res_lib .res .btn {
width: 100%;
}
}
#survey {
max-width: 1100px;
margin: 80px auto;
-webkit-box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0 10px 0px rgba(0, 0, 0, 0.15);
border-radius: 6px;
overflow: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 500px;
}
@media (max-width: 991px) {
#survey {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 700px;
margin-top: 50px;
}
}
@media (max-width: 639px) {
#survey {
border-radius: 0;
}
}
#survey .head {
background: url(../img/bg/purple-bg-2.jpg) top center no-repeat;
background-size: cover;
background-position: 50% 50%;
color: #fff;
padding: 38px 30px 20px 48px;
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 40px;
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: 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 .btn-blue {
width: 100%;
text-transform: uppercase;
font-size: 26px;
padding: 25px 35px;
cursor: pointer;
}
@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;
}
#search_res h2 {
font-size: 22px;
line-height: 1.2em;
font-weight: 700;
color: #000;
margin: 0;
}
#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: 767px) {
#search_res p {
margin: 5px;
}
}
#search_res .btn {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px;
padding: 12px 0;
margin: 5px 0;
width: 142px;
}
@media (max-width: 767px) {
#search_res .btn {
width: 100%;
}
}
#search_res .btn .icon-right-thin {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
margin: 0 -15px 0 0;
font-size: 12px;
}
#search_res .btn:hover .icon-right-thin {
margin: 0 -25px 0 10px;
}
#search_res .gray_top_line {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
background: #f5f5f5;
margin: 0 0 5px;
}
#search_res .gray_top_line p {
font-size: 15px;
line-height: 1.45em;
font-weight: 400;
color: #787878;
letter-spacing: 0.3px;
padding: 0;
margin: 0;
}
#search_res .gray_top_line p b {
color: #000;
}
@media (max-width: 639px) {
#search_res .container {
padding: 0;
}
}
#search_res .container .row {
padding: 30px 15px;
}
#search_res .container .row:nth-child(even) {
border: 1px solid #ddd;
background: #f5f5f5;
}
#search_res .alert-dismissible {
display: block;
margin: 0 auto;
padding: 15px 40px;
text-align: center;
}
#search_res .alert-dismissible p {
margin: 0px;
}
.rules_page {
background: url(../img/pages/login/login_bg.jpg) no-repeat;
background-position: 50% 0%;
background-size: cover;
padding-bottom: 0;
min-height: 100vh;
}
.rules_page .inner_content_wrap {
background: none;
width: 100%;
}
.rules_page .login_copy .copy {
color: #fff !important;
}
.rules_page .login_copy .copy a {
color: #fff !important;
}
.rules_wrap {
margin: 0 auto 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 80px 0;
}
@media (max-width: 991px) {
.rules_wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.rules_wrap.show .left {
display: initial;
}
.rules_wrap .left {
display: none;
position: relative;
width: 40%;
background: rgba(0, 0, 0, 0.6);
border-radius: 0;
color: #fff;
text-align: left;
padding: 52px 15px 30px 50px;
background-size: cover;
border-radius: 8px 0 0 8px;
border-right: 1px solid rgba(255, 255, 255, 0.6);
}
@media (max-width: 991px) {
.rules_wrap .left {
width: 100%;
padding: 40px 30px 30px;
}
}
@media (max-width: 767px) {
.rules_wrap .left {
padding-left: 15px;
padding-right: 15px;
}
}
.rules_wrap .left h6 {
font-size: 18px;
line-height: 25px;
}
.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.6);
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;
}
}
@media (max-width: 767px) {
#rules_doc {
padding: 20px 15px;
}
}
#rules_doc::-webkit-scrollbar {
width: 10px;
}
#rules_doc::-webkit-scrollbar-track {
background-color: #000;
border-radius: 0 4px 4px 0;
overflow: hidden;
}
#rules_doc::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #75726f;
}
#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: 26px;
line-height: 1.2;
font-weight: 600;
color: #fff;
margin: 0 0 10px;
text-align: center;
}
@media (max-width: 767px) {
#rules_doc h3 {
font-size: 20px;
}
}
#rules_doc h4 {
font-size: 18px;
font-weight: bold;
color: #fff;
margin: 0 0 25px;
text-align: center;
}
@media (max-width: 767px) {
#rules_doc h4 {
font-size: 16px;
}
}
#rules_doc h5 {
font-weight: bold;
font-size: 16px;
line-height: 22px;
margin-bottom: 14px;
color: #d6d6d6;
}
#rules_doc a {
color: #CF0000;
}
#rules_doc p {
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: #d6d6d6;
margin: 0 0 32px;
}
@media (max-width: 767px) {
#rules_doc p {
font-size: 14px;
margin: 0 0 18px 0;
}
}
#rules_doc p b {
color: #d6d6d6;
}
#rules_doc ul,
#rules_doc ol {
margin-bottom: 45px;
}
#rules_doc ul li,
#rules_doc ol li {
font-size: 16px;
line-height: 1.6;
margin: 0 0 3px;
color: #d6d6d6;
}
@media (max-width: 767px) {
#rules_doc ul li,
#rules_doc ol li {
font-size: 14px;
}
}
#rules_doc .btn {
letter-spacing: 2.2px;
border-radius: 100px;
padding: 15px 60px;
margin: 0 auto;
}
@media (max-width: 479px) {
#rules_doc .btn {
letter-spacing: 1.5px;
font-size: 14px;
padding: 12px;
}
}
.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 {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
max-width: 100%;
margin: 0;
width: 100%;
}
.page-template-mmbrs-rules .ifs_reg {
padding: 1px;
background: none;
}
.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 {
-webkit-transition: max-height 0.4s ease;
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 {
background: #0c0c0c;
border: 1px solid #fff;
}
.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: center;
padding: 1px 30px;
position: relative;
font-style: italic;
font-size: 14px;
}
.page-template-mmbrs-rules #pre_reg label.rules .field_ttl {
display: inline-block;
padding: 0 0 0 20px;
font-size: 14px;
color: #fff;
}
.page-template-mmbrs-rules #pre_reg label.rules .field_ttl a {
color: #ffc573;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
@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: #fff;
}
.page-template-mmbrs-rules #pre_reg .btn {
border-radius: 100px;
margin: 22px auto 32px;
font-size: 20px;
padding: 15px 50px;
display: block;
min-width: 313px;
}
@media (max-width: 767px) {
.page-template-mmbrs-rules #pre_reg .btn {
font-size: 18px;
}
}
@media (max-width: 639px) {
.page-template-mmbrs-rules #pre_reg .btn {
font-size: 16px;
padding: 12px 30px;
min-width: auto;
}
}
@media (max-width: 479px) {
.page-template-mmbrs-rules #pre_reg .btn {
font-size: 14px;
margin: 22px 15px 20px;
width: calc(100% - 30px);
}
}
.page-template-mmbrs-rules #pre_reg .btn.disabled {
pointer-events: none;
}
#modal_reneval_reg .modal-dialog {
max-width: 760px;
}
#modal_reneval_reg .modal-header {
display: none;
}
#modal_reneval_reg .modal-body {
padding: 40px 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
@media (max-width: 767px) {
#modal_reneval_reg .modal-body {
padding: 30px 30px;
}
}
@media (max-width: 479px) {
#modal_reneval_reg .modal-body {
padding: 30px 15px;
}
}
#modal_reneval_reg .modal-body .logo {
margin-bottom: 50px;
}
#modal_reneval_reg .modal-body .ico {
position: relative;
left: -10px;
margin-bottom: 20px;
}
#modal_reneval_reg .modal-body p {
font-size: 18px;
line-height: 28px;
}
@media (max-width: 639px) {
#modal_reneval_reg .modal-body p {
font-size: 16px;
line-height: 26px;
}
}
#modal_reneval_reg .modal-body h3 {
font-size: 26px;
line-height: 36px;
font-weight: 700;
margin-bottom: 30px;
}
@media (max-width: 639px) {
#modal_reneval_reg .modal-body h3 {
margin-bottom: 20px;
}
}
#home {
background: #f5f5f5;
padding: 30px 0;
}
@media (max-width: 479px) {
#home {
padding: 15px 0 0;
}
}
#home-banner-slider .slick-dots {
bottom: 10px;
}
#home-banner-slider .slick-dots li button:before {
color: #e3e3e3;
}
#home-banner-slider .slick-dots .slick-active button:before {
color: #CF0000;
-webkit-filter: brightness(200%);
filter: brightness(200%);
}
#home-banner-slider .slick-arrow {
position: absolute;
top: 50%;
left: 25px;
margin-top: -19px;
width: 38px;
height: 38px;
border-radius: 50%;
background: #CF0000;
color: #fff;
-webkit-filter: brightness(200%);
filter: brightness(200%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
}
@media (max-width: 767px) {
#home-banner-slider .slick-arrow {
width: 32px;
height: 32px;
font-size: 17px;
left: 15px;
}
}
#home-banner-slider .slick-arrow.icon-right-open {
right: 25px;
left: auto;
}
@media (max-width: 767px) {
#home-banner-slider .slick-arrow.icon-right-open {
right: 15px;
left: auto;
}
}
@media (max-width: 479px) {
#home-banner-slider .slick-arrow.icon-right-open {
display: none !important;
}
}
#home .col_banners {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#home .banner {
background: url("../img/pages/mmbrs/home/home_header.png") no-repeat center center;
padding: 28px 25px 28px;
background-size: cover;
border-radius: 5px;
}
#home .banner.without_badge h4 {
margin-top: 148px;
}
#home .banner.announcement {
background: url("../img/banners/announcement_bg.jpg") no-repeat center center;
background-size: cover;
padding: 32px 25px 40px;
}
#home .banner.announcement > img {
width: initial;
min-height: initial;
}
#home .banner.announcement h2 {
font-size: 24px;
line-height: 28px;
margin-top: -29px;
}
@media (max-width: 991px) {
#home .banner.announcement h2 {
margin-top: -10px;
}
}
#home .banner.announcement > p {
margin-bottom: 0;
font-size: 12px;
line-height: 18px;
color: #fff;
}
#home .banner.announcement .btn-wrap {
margin-top: 20px;
}
#home .banner.announcement .btn_purple {
max-width: 140px;
padding: 8px 24px;
background-image: -webkit-gradient(linear, left top, right top, from(#4a1be7), to(#7d42fa));
background-image: linear-gradient(to right, #4a1be7, #7d42fa);
font-weight: 600;
-webkit-transition: all 0.6s;
transition: all 0.6s;
position: relative;
border-color: transparent !important;
color: #fff;
font-size: 14px;
text-transform: uppercase;
border-radius: 60px !important;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
@media (max-width: 639px) {
#home .banner.announcement .btn_purple {
margin-left: auto;
margin-right: auto;
}
}
#home .banner.announcement .btn_purple > span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#home .banner.announcement .btn_purple:hover {
background-image: -webkit-gradient(linear, right top, left top, from(#7d42fa), to(#4a1be7));
background-image: linear-gradient(to left, #7d42fa, #4a1be7);
color: #fff;
}
#home .banner.announcement .btn_purple:hover:after {
opacity: 1;
}
#home .banner.announcement .btn_purple:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0.3em;
background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, rgb(125, 66, 250)), color-stop(0%, rgb(74, 27, 231)));
background-image: linear-gradient(90deg, rgb(125, 66, 250) 100%, rgb(74, 27, 231) 0%);
-webkit-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
z-index: 2;
opacity: 0;
}
#home .banner.announcement .btn_purple span {
position: relative;
z-index: 3;
color: #fff;
}
#home .banner.reneval {
background: url("../img/pages/mmbrs/home/bg_reneval.png") no-repeat center center;
border-radius: 6px;
background-size: cover;
}
#home .banner.reneval h2, #home .banner.reneval h4, #home .banner.reneval h5 {
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
}
#home .banner.reneval h2 {
line-height: 36px;
margin-bottom: 10px;
}
#home .banner.reneval h5 {
font-size: 14px;
font-style: italic;
color: #fff;
margin-bottom: 10px;
}
#home .banner.reneval h5 i {
color: #f19109;
font-size: 20px;
}
#home .banner.reneval h4 {
margin-bottom: 18px;
}
#home .banner.reneval .btn {
border-radius: 60px;
font-size: 16px;
padding: 10px 30px;
color: #fff;
}
#home .banner.september1 {
background: url("../img/pages/mmbrs/home/august31_bg.png") no-repeat center center;
border-radius: 6px;
background-size: cover;
}
#home .banner.september1 h2, #home .banner.september1 h4 {
width: 100%;
}
@media (max-width: 767px) {
#home .banner.september1 h2 br, #home .banner.september1 h4 br {
display: none;
}
}
#home .banner.september1 h2 {
margin-bottom: 12px;
}
#home .banner.september1 h2 b {
color: #f19109;
}
#home .banner.september1 .btn {
border-radius: 60px;
padding: 10px 40px;
margin-top: 13px;
}
@media (max-width: 767px) {
#home .banner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 40px 15px 30px;
margin: 0;
}
}
@media (max-width: 479px) {
#home .banner {
background-size: cover;
border-radius: 4px;
padding: 40px 15px 30px;
text-align: center;
margin: 0 0 0;
}
}
#home .banner img {
margin: 0 0 44px;
width: 96px;
min-height: 102px;
}
@media (max-width: 767px) {
#home .banner img {
margin: 0 0 24px;
width: 70px;
min-height: initial;
}
}
#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.55;
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 .dropdown {
display: table;
}
@media (max-width: 479px) {
#home .banner .dropdown {
margin: 0 auto;
}
}
#home .banner .dropdown.show .dropdown-toggle {
border-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
#home .banner .dropdown.show .dropdown-menu {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
#home .banner .dropdown .dropdown-toggle {
font-size: 14px;
font-weight: 700;
color: #fff;
border: none;
padding: 15px 65px 15px 55px;
text-transform: uppercase;
background: #f19109;
border-radius: 50px;
position: relative;
margin: 15px 0 0;
display: table;
}
@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:hover {
background: #CF0000;
}
#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 .banner-slide {
padding: 20px 25px;
position: relative;
color: #fff;
min-height: 345px;
}
@media (max-width: 767px) {
#home .banner-slide {
min-height: initial;
padding: 20px 15px;
}
}
#home .banner-slide .bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 6px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 991px) {
#home .banner-slide .bg {
-o-object-position: 75% center;
object-position: 75% center;
}
}
@media (max-width: 639px) {
#home .banner-slide .bg {
-o-object-position: 77% center;
object-position: 77% center;
}
}
#home .banner-slide p {
font-size: 18px;
line-height: 1.3;
position: relative;
z-index: 1;
}
@media (max-width: 1199px) {
#home .banner-slide p {
font-size: 16px;
}
}
@media (max-width: 639px) {
#home .banner-slide p {
font-size: 14px;
}
}
#home .banner-slide p .prsntr + .prsntr:before {
content: ", ";
}
#home .banner-slide .inner {
position: relative;
padding: 20px 0 50px 95px;
z-index: 1;
min-height: 270px;
}
@media (max-width: 1199px) {
#home .banner-slide .inner {
padding: 20px 0 50px 60px;
}
}
@media (max-width: 991px) {
#home .banner-slide .inner {
padding: 20px 0 50px 20px;
}
}
@media (max-width: 767px) {
#home .banner-slide .inner {
padding: 15px 70px 50px 0;
}
}
@media (max-width: 479px) {
#home .banner-slide .inner {
padding: 15px 95px 50px 0;
}
}
#home .banner-slide .inner h2 {
text-transform: uppercase;
font-size: 40px;
line-height: 1;
font-weight: 700;
max-width: 600px;
color: #fff;
}
@media (max-width: 1199px) {
#home .banner-slide .inner h2 {
font-size: 38px;
}
}
@media (max-width: 991px) {
#home .banner-slide .inner h2 {
font-size: 34px;
max-width: 380px;
}
}
@media (max-width: 767px) {
#home .banner-slide .inner h2 {
font-size: 30px;
}
}
@media (max-width: 639px) {
#home .banner-slide .inner h2 {
font-size: 28px;
}
}
@media (max-width: 479px) {
#home .banner-slide .inner h2 {
font-size: 22px;
}
}
#home .banner-slide .inner h2 .txt-primary {
-webkit-filter: brightness(200%);
filter: brightness(200%);
}
#home .banner-slide .inner .btn {
position: absolute;
bottom: 8px;
font-size: 16px;
line-height: 36px;
font-weight: 600;
letter-spacing: 0;
padding: 0 30px;
border-radius: 30px;
margin: 20px 0 0;
}
@media (max-width: 991px) {
#home .banner-slide .inner .btn {
font-size: 14px;
line-height: 34px;
}
}
@media (max-width: 767px) {
#home .banner-slide .inner .btn {
font-size: 14px;
line-height: 32px;
}
}
@media (max-width: 639px) {
#home .banner-slide .inner .btn {
font-size: 12px;
line-height: 30px;
margin: 10px 0 10px;
}
}
@media (max-width: 479px) {
#home .banner-slide .inner .btn {
font-size: 12px;
line-height: 28px;
width: auto;
}
}
#home.reveal .my_acc {
min-height: 312px;
}
#home .my_acc {
padding: 25px 15px 31px;
border-radius: 5px;
text-align: center;
background: #fff;
}
@media (max-width: 991px) {
#home .my_acc {
padding: 40px 15px;
margin: 30px 0 0;
min-height: initial;
}
}
@media (max-width: 639px) {
#home .my_acc {
margin: 15px 0 0;
}
}
@media (max-width: 479px) {
#home .my_acc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 23px 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 479px) {
#home .my_acc .details {
-webkit-box-flex: 60%;
-ms-flex: 60% 0 0px;
flex: 60% 0 0;
text-align: left;
/* display: flex; */
position: relative;
-webkit-box-sizing: border-box;
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;
margin: 0;
padding: 7px 0 0;
margin: 0;
display: block;
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: #CF0000;
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 {
font-size: 15px;
line-height: 1.45;
font-weight: 600;
color: #fff;
border-radius: 50px;
padding: 7px 40px;
letter-spacing: 0;
margin: 16px 0 0;
}
@media (max-width: 991px) {
#home .my_acc .btn {
margin: 15px 0 0;
}
}
@media (max-width: 479px) {
#home .my_acc .btn {
-webkit-box-flex: 40%;
-ms-flex: 40% 0 0px;
flex: 40% 0 0;
min-width: 116px;
font-size: 11px;
font-weight: bold;
padding: 8.5px 10px;
margin: 0;
}
}
#home #home-banner-slider {
margin-bottom: 0;
}
#home #home-banner-slider .slick-track {
background: #CF0000;
}
#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;
}
}
@media (max-width: 479px) {
#home .card-deck {
margin: 15px -7.5px 0;
display: block;
overflow: hidden;
}
}
#home .card-deck .card {
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
border: 1px solid transparent;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
padding: 45px 0 35px;
border-radius: 5px;
background: #fff;
}
@media (max-width: 991px) {
#home .card-deck .card {
-webkit-box-flex: 1;
-ms-flex: 1 0 40%;
flex: 1 0 40%;
margin: 15px;
}
}
@media (max-width: 639px) {
#home .card-deck .card {
padding: 20px 15px 22px;
margin: 0 7.5px 15px;
}
}
@media (max-width: 479px) {
#home .card-deck .card {
padding: 15px 13px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
float: left;
width: calc(50% - 15px);
}
}
#home .card-deck .card img {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
@media (max-width: 639px) {
#home .card-deck .card img {
width: 48px;
}
}
@media (max-width: 479px) {
#home .card-deck .card img {
width: 34px;
}
}
#home .card-deck .card:hover {
border: 1px solid #CF0000;
text-decoration: none;
background: #f7f7f7;
}
#home .card-deck .card:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
#home .card-deck .card h3 {
font-size: 16px;
line-height: 1.45;
font-weight: 600;
color: #000;
margin: 17px 0 0;
}
@media (max-width: 639px) {
#home .card-deck .card h3 {
margin: 10px 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: 18px;
line-height: 31px;
font-weight: 600;
color: #fff;
border: 2px solid #fff;
text-align: center;
position: absolute;
border-radius: 50%;
background: red;
right: calc(50% - 60px);
height: 35px;
width: 35px;
top: 30px;
}
@media (max-width: 639px) {
#home .card-deck .card h3 .count {
right: calc(50% - 40px);
font-size: 13px;
line-height: 25px;
height: 29px;
width: 29px;
top: 3px;
}
}
@media (max-width: 479px) {
#home .card-deck .card h3 .count {
right: 36%;
}
}
#home_bonus {
background: #f5f5f5;
padding: 10px 0 30px;
}
#home_bonus .container > h3 {
margin: 0 0 20px;
}
#home_bonus .wrap {
background: url("../img/mmbrs-home/bonus-banner.jpg") no-repeat center right;
background-size: cover;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 40px 30px;
border-radius: 5px;
margin: 0;
}
@media (max-width: 991px) {
#home_bonus .wrap {
background-position: center;
padding: 20px 20px 25px;
}
}
@media (max-width: 767px) {
#home_bonus .wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background-position: 70% center;
padding: 20px 15px 20px;
}
}
@media (max-width: 639px) {
#home_bonus .wrap {
background-position: 77% center;
}
}
@media (max-width: 1199px) {
#home_bonus .wrap > img {
width: 210px;
}
}
@media (max-width: 991px) {
#home_bonus .wrap > img {
width: 152px;
}
}
@media (max-width: 767px) {
#home_bonus .wrap > img {
width: 80px;
}
}
@media (max-width: 639px) {
#home_bonus .wrap > img {
width: 60px;
}
}
#home_bonus .wrap figcaption {
color: #fff;
padding-left: 5px;
margin: 0;
}
@media (max-width: 1199px) {
#home_bonus .wrap figcaption {
padding: 0;
}
}
#home_bonus .wrap figcaption h3 {
font-size: 30px;
line-height: 1.3;
color: #fff;
max-width: 400px;
margin: 0;
margin: 45px 0 -10px;
}
@media (max-width: 1199px) {
#home_bonus .wrap figcaption h3 {
font-size: 28px;
}
}
@media (max-width: 991px) {
#home_bonus .wrap figcaption h3 {
font-size: 24px;
max-width: 300px;
margin: 8px 0 0;
}
}
@media (max-width: 767px) {
#home_bonus .wrap figcaption h3 {
font-size: 20px;
max-width: 260px;
margin: 15px 0 20px;
}
}
@media (max-width: 639px) {
#home_bonus .wrap figcaption h3 {
font-size: 18px;
max-width: 240px;
}
}
#home_bonus .wrap figcaption h3 b {
display: block;
}
@media (max-width: 767px) {
#home_bonus .wrap figcaption h3 b {
display: inline;
margin-right: 8px;
}
}
#home_bonus .wrap figcaption .cta img {
width: 295px;
margin: 8px 0 0 10px;
}
@media (max-width: 767px) {
#home_bonus .wrap figcaption .cta img {
width: 170px;
position: absolute;
bottom: 0;
right: 0;
}
}
@media (max-width: 639px) {
#home_bonus .wrap figcaption .cta img {
width: 120px;
}
}
#home_bonus .wrap figcaption .cta .btn {
font-size: 16px;
padding: 0 20px;
line-height: 38px;
min-width: 170px;
}
@media (max-width: 767px) {
#home_bonus .wrap figcaption .cta .btn {
font-size: 14px;
line-height: 36px;
}
}
@media (max-width: 479px) {
#home_bonus .wrap figcaption .cta .btn {
font-size: 13px;
line-height: 34px;
min-width: 0;
}
}
.presummit-slider {
padding-bottom: 0px;
margin-bottom: 0px;
background: #fff;
padding: 0 0 0px;
overflow: hidden;
overflow: visible;
}
.presummit-slider #ms-speakers {
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
max-height: 454px;
margin-bottom: 0;
opacity: 0;
}
@media (max-width: 1199px) {
.presummit-slider #ms-speakers {
max-height: 388px;
}
}
@media (max-width: 991px) {
.presummit-slider #ms-speakers {
max-height: 424px;
}
}
@media (max-width: 767px) {
.presummit-slider #ms-speakers {
padding-bottom: 35px;
max-height: none;
}
}
.presummit-slider #ms-speakers.slick-initialized {
opacity: 1;
}
@media (max-width: 1199px) {
.presummit-slider #ms-speakers .slick-dots {
display: none !important;
}
}
@media (max-width: 767px) {
.presummit-slider #ms-speakers .slick-arrow.icon-left-open {
margin-left: -52px;
left: 50%;
}
}
@media (max-width: 767px) {
.presummit-slider #ms-speakers .slick-arrow.icon-right-open {
margin-right: -52px;
right: 50%;
}
}
.presummit-slider .container {
padding-left: 35px;
padding-right: 35px;
padding-top: 5rem;
}
@media (max-width: 639px) {
.presummit-slider .container {
padding-top: 30px;
}
}
.presummit-slider .container > h3 {
padding: 0 15px;
font-size: 30px;
line-height: 1.3;
}
@media (max-width: 991px) {
.presummit-slider .container > h3 {
font-size: 26px;
}
}
@media (max-width: 767px) {
.presummit-slider .container > h3 {
font-size: 22px;
}
}
@media (max-width: 639px) {
.presummit-slider .container > h3 {
font-size: 20px;
}
}
@media (max-width: 479px) {
.presummit-slider .container > h3 {
font-size: 18px;
}
}
.presummit-slider .container .slick-slider {
margin-bottom: 0;
padding-bottom: 45px;
}
.presummit-slider .bg {
display: block;
height: 317px;
width: 100%;
max-width: 100%;
background: url(../img/membership-home/ms-home-bg.jpg) no-repeat 50% 50%;
background-size: cover;
margin-bottom: -318px;
}
.presummit-slider .photo-item {
position: relative;
padding: 27px 0 25px;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.presummit-slider figure {
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
background-image: url(../img/coming-soon/quote.png);
background-repeat: no-repeat;
background-position: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 15px;
background-color: #fff;
border-radius: 5px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
overflow: hidden;
background: none;
}
.presummit-slider .sp_photo {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
}
.presummit-slider .sp_photo .logo {
position: absolute;
top: 22px;
left: 24px;
width: 69px;
}
.presummit-slider .sp_photo .sp_ph {
display: block;
width: 100%;
height: 100%;
}
.presummit-slider .sp_photo .live {
position: absolute;
bottom: 20px;
left: 28px;
z-index: 10;
color: #fff;
font-size: 14px;
margin-bottom: 0;
}
.presummit-slider .sp_photo .live b {
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.presummit-slider .sp_photo .live img {
position: relative;
top: -1px;
display: inline-block;
margin-right: 2px;
}
.presummit-slider .sp_photo .upcoming {
position: absolute;
z-index: 11;
right: 31px;
bottom: -13px;
margin-bottom: 0;
background: #e3a233;
color: #fff;
padding: 3px 15px;
border-radius: 5px;
letter-spacing: 1.5px;
font-size: 12px;
font-weight: bold;
min-width: 150px;
text-align: center;
}
.presummit-slider .sp_photo .date-cal {
position: absolute;
min-width: 40px;
height: 42px;
text-align: center;
bottom: 5px;
right: 10px;
}
.presummit-slider .sp_photo .date-cal span {
font-size: 12px;
line-height: 13px;
font-weight: 700;
color: #fff;
background: #fda509;
border-radius: 4px 4px 0 0;
padding: 0 3px;
display: block;
}
.presummit-slider .sp_photo .date-cal p {
font-size: 24px;
line-height: 27px;
font-weight: 700;
color: #f19109;
background: #fff;
border-radius: 0 0 4px 4px;
margin: 0;
}
.presummit-slider figcaption {
position: relative;
padding: 18px 25px;
border-radius: 0 0 5px 5px;
background: #fff;
min-height: 0;
}
@media (max-width: 639px) {
.presummit-slider figcaption {
padding: 15px;
}
}
.presummit-slider figcaption h3 {
display: block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 20px;
line-height: 1.4;
font-weight: bold;
margin: 0 0 10px;
color: #000;
}
@media (max-width: 991px) {
.presummit-slider figcaption h3 {
font-size: 18px;
}
}
@media (max-width: 767px) {
.presummit-slider figcaption h3 {
font-size: 16px;
}
}
@media (max-width: 639px) {
.presummit-slider figcaption h3 {
font-size: 14px;
}
}
.presummit-slider figcaption h3:only-child {
margin: 0;
}
.presummit-slider figcaption h3 span {
display: inline;
}
.presummit-slider figcaption .date {
font-weight: 600;
font-size: 15px;
margin-top: auto;
color: #7d7d7d;
}
.presummit-slider .icon-right-open,
.presummit-slider .icon-left-open {
position: absolute;
bottom: 0;
font-size: 18px;
font-weight: 400;
color: #CF0000 !important;
background: #eeeeee;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
padding: 0;
cursor: pointer;
height: 38px;
width: 38px;
line-height: 38px;
z-index: 9;
border-radius: 50%;
}
.presummit-slider .icon-left-open {
left: calc(48% - 25px);
}
@media (max-width: 767px) {
.presummit-slider .icon-left-open {
left: 36%;
}
}
.presummit-slider .icon-right-open {
right: calc(48% - 25px);
}
@media (max-width: 767px) {
.presummit-slider .icon-right-open {
right: 36%;
}
}
#mmbrs_team {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding: 35px 15px;
}
@media (max-width: 991px) {
#mmbrs_team {
padding: 60px 15px 0;
}
}
@media (max-width: 639px) {
#mmbrs_team {
position: relative;
padding: 20px 15px;
}
}
#mmbrs_team + #contact {
background: #f5f5f5;
}
#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;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 100%;
width: 100%;
}
#mmbrs_team .single h3 {
font-size: 18px;
line-height: 1.45em;
font-weight: 600;
color: #CF0000;
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: 1.35em;
color: #555;
margin: 0;
}
@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: #CF0000;
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: #CF0000;
}
#mmbrs_team .media-body h3 {
font-size: 24px;
line-height: 1.4;
font-weight: 600;
color: #CF0000;
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: 16px;
line-height: 1.9;
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: #CF0000;
}
#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: #CF0000;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 0 0 0 20px;
}
#mmbrs_team .card .card-header h5 {
width: 100%;
padding: 12px 0;
border-bottom: 1px solid #E0E0E0;
font-size: 18px;
}
#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 10px;
background: #fff;
}
@media (max-width: 991px) {
#reg {
padding: 32px 0 10px;
}
}
@media (max-width: 479px) {
#reg {
padding: 0;
}
}
@media (max-width: 479px) {
#reg .container {
padding: 0;
}
}
#reg .wrap_all {
overflow: hidden;
}
#reg .reg_banner {
background: url("../img/pages/mmbrs/reg/calendar_header.png") no-repeat center center;
padding: 24px 24px 43px;
background-size: cover;
position: relative;
border-radius: 6px;
color: #fff;
}
@media (max-width: 479px) {
#reg .reg_banner {
padding: 30px 15px 55px;
border-radius: 0px;
}
}
#reg .reg_banner img.modules_badge {
width: 96px;
}
@media (max-width: 479px) {
#reg .reg_banner img.modules_badge {
display: block;
margin: 0 auto;
}
}
#reg .reg_banner h2 {
font-size: 26px;
line-height: 1.45;
font-weight: 700;
margin: 38px 0 18px;
}
@media (max-width: 767px) {
#reg .reg_banner h2 {
font-size: 24px;
}
}
@media (max-width: 639px) {
#reg .reg_banner h2 {
font-size: 22px;
}
}
@media (max-width: 479px) {
#reg .reg_banner h2 {
font-size: 20px;
margin: 25px 0 4px;
}
}
#reg .reg_banner p {
font-size: 18px;
line-height: 30px;
margin: 0 0 7px;
}
@media (max-width: 479px) {
#reg .reg_banner p {
font-size: 15px;
}
}
#reg .reg_banner p span {
font-size: 13px;
line-height: 22px;
font-weight: 600;
border: 1px solid #fff;
margin: -2px 8px 0 6px;
display: inline-block;
border-radius: 50%;
text-align: center;
height: 24px;
width: 24px;
position: relative;
top: -1px;
}
#reg .reg_banner .imp {
margin-top: 25px;
line-height: 30px;
margin-bottom: 0;
max-width: 560px;
}
@media (max-width: 1199px) {
#reg .reg_banner .imp {
max-width: 500px;
}
}
@media (max-width: 991px) {
#reg .reg_banner .imp {
max-width: 425px;
line-height: 27px;
}
}
#reg .reg_banner .imp a {
color: #fff;
font-weight: 700;
-webkit-transition: all 0.2s;
transition: all 0.2s;
text-decoration: underline;
}
#reg .reg_banner .imp a:hover {
text-decoration: none;
color: #fff;
}
#reg .reg_banner .btn {
font-size: 16px;
line-height: 19px;
font-weight: 700;
padding: 14px 66px 14px 17px;
letter-spacing: -0.2px;
border-radius: 50px;
position: absolute;
display: table;
bottom: 42px;
right: 23px;
}
@media (max-width: 991px) {
#reg .reg_banner .btn {
font-size: 14px;
}
}
@media (max-width: 767px) {
#reg .reg_banner .btn {
display: block;
max-width: 320px;
position: relative;
top: initial;
left: 0;
bottom: 0;
margin-top: 20px;
}
}
#reg .reg_banner .btn svg {
margin: 0 31px -4px 0;
}
#reg .step {
font-size: 18px;
line-height: 1.45;
font-weight: 700;
color: #CF0000;
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: 53px auto 76px;
display: table;
}
@media (max-width: 479px) {
#reg .tz_wrap {
margin: 40px auto 80px;
}
}
#reg .tz_wrap label {
width: 445px;
margin: 0;
}
@media (max-width: 639px) {
#reg .tz_wrap label {
width: 290px;
}
}
#reg .tz_wrap .field_ttl {
display: none;
}
#reg .tz_wrap .nearest_tz {
margin: 0 auto;
display: table;
}
#reg .tz_wrap .nearest_tz.show .btn {
border-radius: 0px;
}
#reg .tz_wrap .btn.dropdown-toggle {
letter-spacing: 0.5px;
border-radius: 50px;
padding: 12px 25px;
}
@media (max-width: 479px) {
#reg .tz_wrap .btn.dropdown-toggle {
padding: 8px 15px 5px;
}
}
#reg .tz_wrap .btn.dropdown-toggle:after {
font-size: 10px;
right: 39px;
top: 30%;
}
@media (max-width: 479px) {
#reg .tz_wrap .btn.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: 18px;
line-height: 1.45;
font-weight: 600;
margin: 45px 0 21px;
text-align: center;
}
@media (max-width: 479px) {
#reg .submit_wrap h3 {
margin: 30px 0 10px;
font-size: 16px;
}
}
#reg .submit_wrap .btn {
font-size: 16px;
font-weight: 600;
border-radius: 50px;
padding: 17px 95px;
letter-spacing: 0;
}
@media (max-width: 479px) {
#reg .submit_wrap .btn {
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 {
border: 1px solid transparent;
background: #CF0000;
color: #fff !important;
}
#reg.cal .card label input[type=checkbox]:checked + .btn.btn-blue:hover {
border: 1px solid #CF0000;
background: transparent;
color: #CF0000 !important;
}
#reg.cal .card label input[type=checkbox]:checked + .btn.btn-trsp-blue {
border: 1px solid #CF0000;
color: #CF0000 !important;
background: transparent;
}
#reg.cal .card label input[type=checkbox]:checked + .btn.btn-trsp-blue:hover {
border: 1px solid transparent;
color: #fff !important;
background: #CF0000;
}
#reg.cal .card label input[type=checkbox]:checked + .btn .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: 479px) {
#reg .reg_all_links {
padding: 35px 15px 60px;
}
}
#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 .btn {
font-size: 16px;
line-height: 1.35;
font-weight: 600;
border-radius: 50px;
letter-spacing: 0;
margin: 0 15px;
padding: 12px;
width: 313px;
}
@media (max-width: 1199px) {
#reg .reg_all_links .btn {
width: 300px;
}
}
@media (max-width: 991px) {
#reg .reg_all_links .btn {
font-size: 15px;
margin: 5px 7.5px;
padding: 12px;
width: 320px;
}
}
@media (max-width: 767px) {
#reg .reg_all_links .btn {
font-size: 14px;
margin: 5px 0;
padding: 7px;
width: 290px;
}
}
#reg .reg_all_links .btn.evening {
border: 1px solid #CF0000;
}
#reg .reg_all_links .btn.evening:hover {
background: transparent;
color: #CF0000;
}
#reg .card {
border: 1px solid #ddd;
border-bottom: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
border-radius: 0;
padding: 0;
}
#reg .card:first-child {
border-bottom: 1px solid #ddd;
margin-top: 4px;
}
@media (max-width: 639px) {
#reg .card:first-child {
border: none;
}
}
#reg .card .card-header a {
margin: auto;
bottom: 50%;
right: 26px;
top: 50%;
}
#reg .card .card-header h5 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
padding: 18px 60px 18px 30px;
width: 100%;
max-width: 100%;
}
@media (max-width: 639px) {
#reg .card .card-header h5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (max-width: 479px) {
#reg .card .card-header h5 {
font-size: 18px;
font-weight: 700;
color: #CF0000;
padding: 12px 60px 12px 12px;
}
}
#reg .card .card-header h5 .ttl {
color: #CF0000;
}
#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: 600;
color: #000;
margin: 0;
}
@media (max-width: 639px) {
#reg .card .card-header h5 p {
line-height: 20px;
}
}
#reg .card .card-body {
padding: 25px 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: 700;
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 0px;
text-align: center;
}
}
#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: 600;
color: #CF0000;
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 50px;
}
@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 25px;
float: none;
clear: both;
}
@media (max-width: 991px) {
#reg .card .sssn {
margin: 12px 0;
display: table;
width: 100%;
}
}
#reg .card .sssn .addeventatc {
background: #CF0000;
color: #fff !important;
border: none;
position: relative;
z-index: 0;
width: 230px;
margin-top: 0;
margin-left: 30px;
padding: 14px 25px 14px;
letter-spacing: 0;
}
@media (max-width: 991px) {
#reg .card .sssn .addeventatc {
margin: 8px auto;
}
}
#reg .card .sssn .addeventatc:hover {
background: #ff0303;
}
#reg .card .sssn .addeventatc .addeventatc_icon {
display: none;
}
#reg .card .sssn .addeventatc:before {
position: absolute;
top: 14px;
left: 15px;
content: "📅";
font-family: entypo;
font-size: 20px;
color: #fff;
font-weight: 400;
}
#reg .card .sssn .addeventatc .copyx {
height: 3px;
opacity: 0;
}
#reg .card .side {
float: left;
}
#reg .card .side.left {
width: 40%;
}
@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: 60%;
}
@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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
#reg .card .side.right .sssn .date_time {
font-size: 14px;
text-align: center;
width: 100%;
max-width: 227px;
}
@media (max-width: 991px) {
#reg .card .side.right .sssn {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
#reg .card .side .date_wrap,
#reg .card .side .btn_wrap {
float: left;
display: inline-block;
}
@media (max-width: 991px) {
#reg .card .side .date_wrap,
#reg .card .side .btn_wrap {
float: none;
clear: both;
}
}
#reg .card .side .date_wrap {
width: 54%;
}
@media (max-width: 991px) {
#reg .card .side .date_wrap {
width: 100%;
}
}
#reg .card .side .btn_wrap {
width: 46%;
}
@media (max-width: 991px) {
#reg .card .side .btn_wrap {
width: 100%;
}
}
#reg .card label {
font: 600 14px "Open Sans";
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 {
font-size: 14px;
font-weight: 600;
border-radius: 50px;
letter-spacing: 0;
padding: 9px 0;
margin: 7px 0;
width: 100%;
}
#reg .card label .btn.btn-blue {
border: 1px solid #CF0000;
}
#reg .card label .btn.btn-blue:hover {
color: #CF0000 !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 {
border: 1px solid transparent;
color: #00a763 !important;
background: transparent;
}
#reg .card label input[type=checkbox]:checked + .btn .register {
display: none;
}
#reg .card label input[type=checkbox]:checked + .btn .selected {
display: inline;
}
#reg .card label input[type=checkbox]:checked + .btn .icon-check {
color: #00a763;
font-size: 17px;
}
#reg .card label input[type=checkbox]:checked + .btn:hover {
border: 1px solid #ddd;
background: #fff;
}
ul.tasks .incomplete {
color: #CF0000 !important;
background: none !important;
cursor: initial;
}
ul.tasks .incomplete:hover {
cursor: initial;
}
ul.tasks .incomplete .icon-cancel {
position: relative;
top: 1px;
font-size: 20px;
color: red;
}
#mmbrs_tc-cont {
padding: 35px 15px 50px;
min-height: 600px;
}
@media (max-width: 767px) {
#mmbrs_tc-cont {
padding: 15px 15px 50px;
}
}
#modules .tasks {
list-style: none;
padding: 0;
margin: 0;
padding: 0 35px;
}
@media (max-width: 767px) {
#modules .tasks {
padding: 0 15px;
}
}
#modules .tasks .tc_sssn_confirm .check_pass .btn {
font-size: 20px;
letter-spacing: 4px;
margin: 10px 0 0;
font-size: 20px;
padding: 18px;
width: 100%;
}
@media (max-width: 991px) {
#modules .tasks .tc_sssn_confirm .check_pass .btn {
font-size: 16px;
padding: 12px;
}
}
#modules .tasks.inner {
padding: 20px 0 20px 20px;
margin-top: 10px;
}
@media (max-width: 1199px) {
#modules .tasks.inner {
padding: 15px 0 0 25px;
}
}
@media (max-width: 991px) {
#modules .tasks.inner {
padding: 15px 0 0 15px;
}
}
@media (max-width: 767px) {
#modules .tasks.inner {
padding: 15px 0 0;
}
}
#modules .tasks.inner li {
margin: 0 0 10px;
min-height: 0;
border: none;
padding: 0;
}
@media (max-width: 767px) {
#modules .tasks.inner li {
text-align: left;
}
}
#modules .tasks.inner li:last-child {
margin-bottom: 0 !important;
}
#modules .tasks.inner li a {
text-decoration: none;
}
#modules .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 .tasks.inner li a .ttl {
font-size: 15px;
width: 575px;
}
}
@media (max-width: 991px) {
#modules .tasks.inner li a .ttl {
font-size: 15px;
width: 395px;
}
}
@media (max-width: 767px) {
#modules .tasks.inner li a .ttl {
font-size: 14px;
width: 370px;
}
}
@media (max-width: 639px) {
#modules .tasks.inner li a .ttl {
font-size: 13px;
width: 100%;
margin: 0;
}
}
#modules .tasks.inner li a .ttl:hover {
color: #CF0000;
}
@media (max-width: 767px) {
#modules .tasks.inner li a .date {
margin: 0;
width: 100%;
}
}
#modules .tasks li {
border-bottom: 1px solid #dddddd;
padding: 26px 0px;
}
@media (max-width: 1199px) {
#modules .tasks li {
padding: 15px 0px;
}
}
@media (max-width: 767px) {
#modules .tasks li {
padding: 12px 0px;
}
}
@media (max-width: 639px) {
#modules .tasks li {
padding: 10px 0px;
}
}
#modules .tasks li:last-child {
border: none;
}
#modules .tasks li .inner-top {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 41px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 767px) {
#modules .tasks li .inner-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
}
}
#modules .tasks li.practicum {
display: none;
}
#modules .tasks li.disabled .btn {
pointer-events: none;
cursor: not-allowed;
opacity: 0.3;
}
#modules .tasks li.points_1 .s {
display: none;
}
#modules .tasks li.completed .ttl b {
display: none;
}
#modules .tasks li.completed .btn_wrap .btn {
text-align: center !important;
}
#modules .tasks li.completed .btn_wrap .btn.btn-blue {
display: none;
}
#modules .tasks li.completed .btn_wrap .btn.btn-done {
display: table;
}
#modules .tasks li.completed .btn_wrap .btn .icon-cancel {
font-size: 18px;
position: relative;
top: 1px;
}
#modules .tasks li.completed .modal .wrap_inputs {
display: none;
}
#modules .tasks li .ttl {
font-size: 18px;
line-height: 1.3;
font-weight: 600;
color: #000;
vertical-align: middle;
display: inline-block;
padding-right: 20px;
width: 390px;
text-align: left;
}
@media (max-width: 1199px) {
#modules .tasks li .ttl {
font-size: 18px;
width: 600px;
}
}
@media (max-width: 991px) {
#modules .tasks li .ttl {
font-size: 16px;
width: 410px;
}
}
@media (max-width: 767px) {
#modules .tasks li .ttl {
width: 100%;
}
}
@media (max-width: 639px) {
#modules .tasks li .ttl {
font-size: 15px;
}
}
#modules .tasks li .ttl b {
font-size: 18px;
color: #CF0000;
}
@media (max-width: 991px) {
#modules .tasks li .ttl b {
font-size: 16px;
}
}
@media (max-width: 767px) {
#modules .tasks li .ttl b {
margin: 2px auto 15px;
display: table;
width: 100%;
}
}
#modules .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 25px 0 0;
width: 200px;
}
@media (max-width: 1199px) {
#modules .tasks li .date {
width: 109px;
}
}
@media (max-width: 767px) {
#modules .tasks li .date {
margin: 10px 0 0;
width: 100%;
}
}
#modules .tasks li .btn_wrap {
vertical-align: middle;
display: inline-block;
margin: 0;
}
@media (max-width: 767px) {
#modules .tasks li .btn_wrap {
text-align: center;
}
}
#modules .tasks li .btn_wrap .points {
margin: 0;
}
#modules .tasks li .btn_wrap .btn {
font-size: 14px;
color: #fff;
border-radius: 3px;
letter-spacing: 0;
text-align: center;
padding: 12px;
width: 165px;
margin: 0;
border-radius: 30px;
}
@media (max-width: 1199px) {
#modules .tasks li .btn_wrap .btn {
padding: 10px;
width: 155px;
}
}
@media (max-width: 991px) {
#modules .tasks li .btn_wrap .btn {
font-size: 13px;
letter-spacing: 0;
padding: 8px;
width: 130px;
}
}
@media (max-width: 767px) {
#modules .tasks li .btn_wrap .btn {
font-size: 12px;
letter-spacing: 1px;
margin: 15px 0 0;
padding: 12px 40px;
width: auto;
}
}
#modules .tasks li .btn_wrap .btn.btn-done {
font-size: 16px;
color: #CF0000;
text-align: right;
pointer-events: none;
letter-spacing: 0;
display: none;
cursor: none;
padding: 0;
}
@media (max-width: 1199px) {
#modules .tasks li .btn_wrap .btn.btn-done {
font-size: 14px;
}
}
@media (max-width: 991px) {
#modules .tasks li .btn_wrap .btn.btn-done {
font-size: 12px;
text-align: left;
}
}
#modules .tasks li .btn_wrap .btn.btn-done .icon-check {
font-size: 17px;
font-weight: 100;
color: #66ab26;
margin: 0 4px 0 0;
}
.progress_wrap {
z-index: 3;
position: relative;
display: block;
max-width: 120px;
margin: 20px 0 0 auto;
}
.progress_wrap .progress {
width: 120px;
height: 120px;
background: none;
position: relative;
}
.progress_wrap .progress:after {
content: "";
width: 114px;
height: 114px;
border-radius: 50%;
border: 2px solid #ddd;
position: absolute;
top: 3px;
left: 3px;
-webkit-box-sizing: border-box;
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: 3px;
background-color: none;
border-color: #fff !important;
}
.progress_wrap .progress .progress-bar:after {
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
border-radius: 7px;
margin: 0 0 -3px -4px;
background: #CF0000;
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;
-ms-transform-origin: center left;
transform-origin: center left;
}
.progress_wrap .progress .progress-left .progress-bar:after {
display: none;
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;
-ms-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 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
font-size: 26px;
display: -webkit-box;
display: -ms-flexbox;
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;
}
@media (max-width: 767px) {
.progress_wrap .progress .progress-value .h2 {
font-size: 20px;
}
}
.progress_wrap .progress .progress-value span {
font-size: 14px;
font-weight: 400;
}
@media (max-width: 767px) {
.progress_wrap .progress .progress-value span {
font-size: 13px;
}
}
@media (max-width: 639px) {
#program_faq .container {
padding: 0;
}
}
#program_faq .accordion {
margin-top: -73px;
margin-bottom: 150px;
}
@media (max-width: 1199px) {
#program_faq .accordion {
margin-top: -68px;
}
}
@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: 0px 0 5px 0;
border: 1px solid #ececec;
-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}
#program_faq .accordion .card h5 {
font-size: 22px;
}
@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: #CF0000;
}
#program_faq .accordion .card-body strong {
display: block;
margin-bottom: -36px;
}
#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;
}
}
.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_new.jpg") no-repeat center center;
background-size: cover;
border-radius: 5px;
color: #fff;
}
@media (max-width: 767px) {
#oh_bnr_wrap .bnr {
border-radius: 0;
}
}
@media (max-width: 639px) {
#oh_bnr_wrap .bnr {
padding-left: 15px;
padding-right: 15px;
}
}
#oh_bnr_wrap .bnr h2 {
margin-top: 170px;
font-size: 30px;
line-height: 30px;
font-weight: bold;
margin-bottom: 10px;
}
@media (max-width: 767px) {
#oh_bnr_wrap .bnr h2 {
font-size: 26px;
}
}
@media (max-width: 639px) {
#oh_bnr_wrap .bnr h2 {
margin-top: 30px;
}
}
#oh_bnr_wrap .bnr p {
font-size: 18px;
line-height: 24px;
font-weight: 600;
margin-bottom: 25px;
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;
}
#acf-form {
width: 100%;
}
#acf-form .acf-icon:hover {
text-decoration: none;
}
#acf-form .acf-fc-layout-controls .acf-icon:hover {
text-decoration: none;
}
#acf-form .acf-fc-layout-controls .small,
#acf-form .acf-fc-layout-controls .-small {
font-size: 14px;
line-height: 15px;
}
#acf-form .acf-fc-layout-controls .-plus,
#acf-form .acf-fc-layout-controls .-minus,
#acf-form .acf-fc-layout-controls .-duplicate {
margin: 5px 2px 0;
}
#acf-form .acf-fc-layout-controls .-collapse {
font-size: 18px;
line-height: 44px;
color: #CF0000;
border: none;
border-bottom: 1px solid #CF0000;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
position: relative;
border-radius: 0px;
background: #fff;
height: 44px;
right: -7px;
width: 45px;
top: -7px;
}
#acf-form .acf-fc-layout-controls .-collapse:hover {
background: #CF0000;
color: #fff;
}
@media (max-width: 767px) {
#acf-form .acf-fc-layout-controls .-collapse {
line-height: 42px;
height: 42px;
right: -8px;
width: 43px;
}
}
#acf-form .acf-flexible-content {
padding: 0 13px 13px 13px;
}
#acf-form .acf-flexible-content > .acf-actions {
text-align: center;
}
#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 {
margin: 4px 0 0;
}
#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: 20px;
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: 20px;
line-height: 1.45em;
font-weight: 600;
color: #fff;
background: #CF0000;
}
@media (max-width: 767px) {
#acf-form .acf-flexible-content .layout .acf-fc-layout-handle {
font-size: 18px;
}
}
#acf-form .acf-fields > .acf-field-flexible-content.acf-field {
padding: 15px 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 div[data-name=with_description] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#acf-form div[data-name=with_description] .acf-label {
margin-right: 10px;
}
#acf-form .acf-fields.-left > .acf-field > .acf-input {
padding: 0;
}
#acf-form .acf-fields > .acf-field {
padding: 15px;
}
#acf-form .acf-field input[data-name=with_description] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#acf-form .acf-field input[data-name=with_description] .acf-label {
margin-right: 5px;
}
#acf-form .acf-input-wrap input,
#acf-form .acf-input select {
-webkit-transition: all 0.3s linear;
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,
#acf-form .acf-input select {
padding: 0 10px;
height: 44px;
}
}
#acf-form .acf-input-wrap input:hover,
#acf-form .acf-input select:hover {
background: #f5f5f5;
}
#acf-form .acf-input-wrap input:focus,
#acf-form .acf-input select:focus {
border: 1px solid #CF0000;
color: #CF0000;
}
#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 .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: #CF0000;
}
#acf-form .acf-field .acf-label label {
font-size: 13px;
}
#acf-form .acf-row.-collapsed .order .acf-icon.small:before {
content: "\e764";
}
#acf-form .acf-row .order .acf-icon.small {
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
text-decoration: none;
font-size: 10px;
}
#acf-form .acf-row .order .acf-icon.small:hover {
color: #fff;
background: #CF0000;
}
#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 -10px;
padding: 8px 12px;
background: red;
border: none;
}
#acf-form div.acf-error-message p {
color: #fff;
}
#acf-form .acf-input div.acf-error-message {
margin: 0 0 10px;
}
#acf-form .acf-button {
-webkit-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 #CF0000;
text-transform: uppercase;
background: #CF0000;
text-decoration: none;
display: inline-block;
letter-spacing: 2px;
white-space: normal;
padding: 10px 30px;
text-shadow: none;
cursor: pointer;
margin: 6px 0 0;
color: #fff !important;
}
@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: #CF0000 !important;
}
#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;
}
}
#practicums,
#cert_peer_group {
line-height: initial;
max-width: 920px;
margin-left: auto;
margin-right: auto;
}
#practicums .leave_group,
#cert_peer_group .leave_group {
text-align: center;
margin: 10px 0 60px;
}
#practicums .leave_group a,
#cert_peer_group .leave_group a {
color: #CF0000;
}
#practicums .date_time,
#cert_peer_group .date_time {
margin: 0 0 10px 0;
font-size: 16px;
color: #CF0000;
line-height: 20px;
}
@media (max-width: 991px) {
#practicums .date_time,
#cert_peer_group .date_time {
font-size: 14px;
}
}
@media (max-width: 639px) {
#practicums .date_time,
#cert_peer_group .date_time {
font-size: 13px;
margin-bottom: 5px;
}
}
#practicums .date_time.expired,
#cert_peer_group .date_time.expired {
display: none !important;
}
#practicums.join .card,
#cert_peer_group.join .card {
margin: 0;
border: 1px solid #d6d6d6;
border-top: none;
}
#practicums.join .card-header,
#cert_peer_group.join .card-header {
border-bottom: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 22px 0 22px 30px;
}
@media (max-width: 991px) {
#practicums.join .card-header,
#cert_peer_group.join .card-header {
padding: 15px 0 15px 20px;
}
}
@media (max-width: 767px) {
#practicums.join .card-header,
#cert_peer_group.join .card-header {
padding: 15px 0 10px 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
#practicums.join .card-header figure,
#cert_peer_group.join .card-header figure {
margin: 0 10px 0 0;
}
@media (max-width: 991px) {
#practicums.join .card-header figure,
#cert_peer_group.join .card-header figure {
margin: 0;
}
}
#practicums.join .card-header figure img,
#cert_peer_group.join .card-header figure img {
height: 96px;
width: 96px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 991px) {
#practicums.join .card-header figure img,
#cert_peer_group.join .card-header figure img {
height: 76px;
width: 76px;
}
}
@media (max-width: 767px) {
#practicums.join .card-header figure img,
#cert_peer_group.join .card-header figure img {
height: 45px;
width: 45px;
}
}
#practicums.join .card-header h5,
#cert_peer_group.join .card-header h5 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 0;
padding-bottom: 0;
font-size: 15px;
color: #000;
font-weight: 400;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
line-height: 1.4;
}
@media (max-width: 1199px) {
#practicums.join .card-header h5,
#cert_peer_group.join .card-header h5 {
font-size: 14px;
}
}
@media (max-width: 767px) {
#practicums.join .card-header h5,
#cert_peer_group.join .card-header h5 {
padding: 15px 15px 0 0;
}
}
@media (max-width: 639px) {
#practicums.join .card-header h5,
#cert_peer_group.join .card-header h5 {
font-size: 12px;
}
}
@media (max-width: 479px) {
#practicums.join .card-header h5,
#cert_peer_group.join .card-header h5 {
padding-left: 0;
}
}
#practicums.join .card-header h5 .ttl,
#cert_peer_group.join .card-header h5 .ttl {
font-size: 13px;
}
#practicums.join .card-header h5 b,
#cert_peer_group.join .card-header h5 b {
font-size: 18px;
display: block;
margin: 0 0 5px;
}
@media (max-width: 1199px) {
#practicums.join .card-header h5 b,
#cert_peer_group.join .card-header h5 b {
font-size: 16px;
}
}
#practicums.join .card-header h5 b span,
#cert_peer_group.join .card-header h5 b span {
font-weight: 700;
}
#practicums.join .card-header h5 span:not(.ttl),
#cert_peer_group.join .card-header h5 span:not(.ttl) {
color: #CF0000;
}
#practicums.join .card-header a,
#cert_peer_group.join .card-header a {
margin: 0 0 0 auto;
top: auto !important;
right: 50px;
}
@media (max-width: 767px) {
#practicums.join .card-header a,
#cert_peer_group.join .card-header a {
right: initial;
margin: 8px auto 0;
}
}
#practicums.join .card-header a .open_wrap:before,
#cert_peer_group.join .card-header a .open_wrap:before {
content: "More details";
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: 600;
}
@media (max-width: 991px) {
#practicums.join .card-header a .open_wrap:before,
#cert_peer_group.join .card-header a .open_wrap:before {
font-size: 12px;
}
}
#practicums.join .card-header a .close_wrap:before,
#cert_peer_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: 600;
}
@media (max-width: 991px) {
#practicums.join .card-header a .close_wrap:before,
#cert_peer_group.join .card-header a .close_wrap:before {
font-size: 12px;
}
}
#practicums.join .card-body,
#cert_peer_group.join .card-body {
padding: 10px 30px 35px;
}
@media (max-width: 767px) {
#practicums.join .card-body,
#cert_peer_group.join .card-body {
padding: 10px 15px 5px;
}
}
#practicums.join .card-body h3,
#cert_peer_group.join .card-body h3 {
font-size: 20px;
margin: 5px 0 12px -1px;
}
@media (max-width: 639px) {
#practicums.join .card-body h3,
#cert_peer_group.join .card-body h3 {
font-size: 18px;
}
}
#practicums.join .card-body h4,
#cert_peer_group.join .card-body h4 {
font-size: 16px;
font-weight: 600;
color: #000;
margin: 0 0 15px;
}
@media (max-width: 639px) {
#practicums.join .card-body h4,
#cert_peer_group.join .card-body h4 {
font-size: 14px;
}
}
#practicums.join .card-body p,
#cert_peer_group.join .card-body p {
font-size: 14px;
font-weight: 400;
color: #000;
margin: 0 0 15px;
line-height: 1.5;
}
#practicums.join .card-body p.description,
#cert_peer_group.join .card-body p.description {
font-size: 11px;
}
@media (max-width: 639px) {
#practicums.join .card-body p,
#cert_peer_group.join .card-body p {
font-size: 12px;
}
}
#practicums.join .card-body .btn-yellow,
#cert_peer_group.join .card-body .btn-yellow {
display: block;
margin: 30px auto 0;
min-width: 160px;
max-width: 290px;
font-size: 14px;
font-weight: 700;
border-radius: 40px;
padding: 10px 25px 10px;
}
@media (max-width: 991px) {
#practicums.join .card-body .btn-yellow,
#cert_peer_group.join .card-body .btn-yellow {
font-size: 13px;
}
}
@media (max-width: 767px) {
#practicums.join .card-body .btn-yellow,
#cert_peer_group.join .card-body .btn-yellow {
margin: 10px auto 15px;
padding: 10px;
}
}
#practicums.join .card-body .btn-yellow:hover,
#cert_peer_group.join .card-body .btn-yellow:hover {
border: 2px solid #f19109;
color: #f19109;
}
#practicums.join .card-body .btn-yellow.disabled,
#cert_peer_group.join .card-body .btn-yellow.disabled {
pointer-events: none;
}
#practicums.join .card-body hr,
#cert_peer_group.join .card-body hr {
max-width: 340px;
margin-top: 20px;
margin-bottom: 20px;
}
#practicums.join .card-body .group,
#cert_peer_group.join .card-body .group {
max-width: 600px;
margin: 0 auto;
padding: 0;
}
#practicums.join .card-body .date_time,
#cert_peer_group.join .card-body .date_time {
display: block;
max-width: 335px;
margin: 0 auto 10px auto;
font-size: 15px;
color: #CF0000;
line-height: 20px;
}
@media (max-width: 991px) {
#practicums.join .card-body .date_time,
#cert_peer_group.join .card-body .date_time {
font-size: 14px;
}
}
@media (max-width: 767px) {
#practicums.join .card-body .date_time,
#cert_peer_group.join .card-body .date_time {
max-width: 100%;
}
}
@media (max-width: 639px) {
#practicums.join .card-body .date_time,
#cert_peer_group.join .card-body .date_time {
font-size: 13px;
margin-bottom: 5px;
}
}
#practicums.join .bio_in,
#cert_peer_group.join .bio_in {
border: none;
margin-left: -55px;
margin-right: -55px;
margin-bottom: 50px;
}
@media (max-width: 991px) {
#practicums.join .bio_in,
#cert_peer_group.join .bio_in {
margin: 0 0 50px 0;
}
}
@media (max-width: 767px) {
#practicums.join .bio_in,
#cert_peer_group.join .bio_in {
border-top: 1px solid #ddd;
}
}
#practicums.join .bio_in .card,
#cert_peer_group.join .bio_in .card {
border: none;
}
#practicums.join .bio_in .card .card-header,
#cert_peer_group.join .bio_in .card .card-header {
position: relative;
border-bottom: 1px solid #ddd;
padding: 13px 0 13px 30px;
}
@media (max-width: 767px) {
#practicums.join .bio_in .card .card-header,
#cert_peer_group.join .bio_in .card .card-header {
padding: 10px 0 10px 5px;
}
}
@media (max-width: 639px) {
#practicums.join .bio_in .card .card-header,
#cert_peer_group.join .bio_in .card .card-header {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 767px) {
#practicums.join .bio_in .card .card-header h5,
#cert_peer_group.join .bio_in .card .card-header h5 {
padding: 10px 0;
}
}
#practicums.join .bio_in .card .card-header a,
#cert_peer_group.join .bio_in .card .card-header a {
position: absolute;
top: 15px;
right: 10px;
}
#practicums.join .bio_in .card .collapse,
#cert_peer_group.join .bio_in .card .collapse {
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
@media (max-width: 639px) {
#practicums.join .bio_in .card .collapse,
#cert_peer_group.join .bio_in .card .collapse {
border-left: none;
border-right: none;
}
}
#practicums.join .bio_in .card .card-body,
#cert_peer_group.join .bio_in .card .card-body {
padding: 40px 52px 50px;
}
@media (max-width: 767px) {
#practicums.join .bio_in .card .card-body,
#cert_peer_group.join .bio_in .card .card-body {
padding: 30px 18px 30px;
}
}
@media (max-width: 639px) {
#practicums.join .bio_in .card .card-body,
#cert_peer_group.join .bio_in .card .card-body {
padding: 20px 0 20px;
}
}
#practicums.join .bio_in .card .card-body .card-body,
#cert_peer_group.join .bio_in .card .card-body .card-body {
padding: 0;
}
#practicums.facilitator p.outline_descr,
#cert_peer_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) {
#practicums.facilitator p.outline_descr,
#cert_peer_group.facilitator p.outline_descr {
font-size: 14px;
}
}
#practicums.facilitator .group,
#cert_peer_group.facilitator .group {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 479px) {
#practicums.facilitator .footer_btns,
#cert_peer_group.facilitator .footer_btns {
border-bottom: 1px solid #ddd;
}
}
#practicums.facilitator .footer_btns .block_wrap,
#cert_peer_group.facilitator .footer_btns .block_wrap {
border-bottom: none;
}
#practicums.facilitator .footer_btns .block_wrap:first-child,
#cert_peer_group.facilitator .footer_btns .block_wrap:first-child {
border-top: none;
}
#practicums.facilitator #message,
#cert_peer_group.facilitator #message {
width: 100%;
}
#practicums.facilitator #message.updated,
#cert_peer_group.facilitator #message.updated {
margin: 60px auto 0px;
text-align: center;
}
#practicums.facilitator #message.updated p,
#cert_peer_group.facilitator #message.updated p {
font-size: 18px;
line-height: 1.45em;
font-weight: 700;
color: #CF0000;
}
#practicums.facilitator .card-header h5,
#cert_peer_group.facilitator .card-header h5 {
padding-left: 0;
}
#practicums .tab-content,
#cert_peer_group .tab-content {
border: 1px solid #ddd;
border-top: none;
overflow: hidden;
}
#practicums .card:first-child,
#cert_peer_group .card:first-child {
position: relative;
}
#practicums .card-body,
#cert_peer_group .card-body {
padding: 40px 10px;
}
@media (max-width: 767px) {
#practicums .card-body,
#cert_peer_group .card-body {
padding: 20px 10px;
}
}
#practicums .card-header .full,
#cert_peer_group .card-header .full {
color: red;
}
#practicums .card-header h5,
#cert_peer_group .card-header h5 {
font-size: 22px;
}
#practicums .btn_wrap,
#cert_peer_group .btn_wrap {
display: inline-block;
margin: 0 -2px 15px;
padding: 0 15px;
width: 33.3333%;
}
#practicums .btn_wrap .btn.date_wrap,
#cert_peer_group .btn_wrap .btn.date_wrap {
letter-spacing: 0;
padding: 10px 0;
width: 100%;
}
#practicums label,
#cert_peer_group label {
font-size: 17px;
font-weight: 700;
color: #CF0000;
}
#practicums h3,
#cert_peer_group h3 {
font-size: 22px;
color: #222222;
margin: 5px 0;
}
#practicums .facilitators,
#cert_peer_group .facilitators {
margin: 30px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#practicums .facilitators label,
#cert_peer_group .facilitators label {
width: 100%;
}
#practicums .facilitators .speaker,
#cert_peer_group .facilitators .speaker {
margin: 10px 0;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
#practicums .facilitators .speaker img,
#cert_peer_group .facilitators .speaker img {
display: block;
margin: 0 auto;
}
#practicums .join_ty,
#cert_peer_group .join_ty {
text-align: center;
margin: -40px 0 0;
padding: 60px 0 0;
color: #CF0000;
}
@media (max-width: 991px) {
#practicums .join_ty,
#cert_peer_group .join_ty {
padding: 60px 15px 0;
}
}
#practicums .join_ty h2,
#cert_peer_group .join_ty h2 {
font-size: 26px;
line-height: 1.45em;
font-weight: 700;
}
@media (max-width: 991px) {
#practicums .join_ty h2,
#cert_peer_group .join_ty h2 {
font-size: 24px;
margin: 0;
}
}
@media (max-width: 479px) {
#practicums .join_ty h2,
#cert_peer_group .join_ty h2 {
font-size: 22px;
}
}
#practicums .join_ty h4,
#cert_peer_group .join_ty h4 {
font-size: 22px;
line-height: 1.45em;
max-width: 460px;
margin: 0 auto;
}
@media (max-width: 991px) {
#practicums .join_ty h4,
#cert_peer_group .join_ty h4 {
font-size: 18px;
max-width: 380px;
}
}
@media (max-width: 639px) {
#practicums .join_ty h4,
#cert_peer_group .join_ty h4 {
margin-top: 10px;
}
}
@media (max-width: 479px) {
#practicums .join_ty h4,
#cert_peer_group .join_ty h4 {
font-size: 16px;
}
}
@media (max-width: 479px) {
#practicums .join_ty h4 br,
#cert_peer_group .join_ty h4 br {
display: none;
}
}
#practicums .group,
#cert_peer_group .group {
padding: 0 30px 0px;
}
@media (max-width: 767px) {
#practicums .group,
#cert_peer_group .group {
padding: 0 10px;
}
}
#practicums .group .date_wrap,
#cert_peer_group .group .date_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#practicums .group .date_wrap h3,
#cert_peer_group .group .date_wrap h3 {
margin: -2px 0 0 10px;
font-size: 17px;
font-weight: 700;
color: rgb(34, 34, 34);
}
#practicums .group .date_wrap label,
#cert_peer_group .group .date_wrap label {
font-size: 17px;
font-weight: 700;
color: #CF0000;
margin: 0;
}
#practicums .group .descr,
#cert_peer_group .group .descr {
font-size: 13px;
}
#practicums .group p,
#cert_peer_group .group p {
font-size: 17px;
line-height: 1.45em;
color: #797979;
margin: 0;
}
#practicums .group p a,
#cert_peer_group .group p a {
font-weight: 700;
color: #CF0000;
}
#practicums .group .participants,
#cert_peer_group .group .participants {
padding: 0px 0 15px;
}
#practicums .group .participants p,
#cert_peer_group .group .participants p {
margin: -2px 0 2px 10px;
font-size: 17px;
line-height: 1.6em;
font-weight: 700;
color: #222;
}
@media (max-width: 991px) {
#practicums .group .participants p,
#cert_peer_group .group .participants p {
font-size: 17px;
line-height: 1.45em;
}
}
@media (max-width: 639px) {
#practicums .group .participants p,
#cert_peer_group .group .participants p {
font-size: 15px;
}
}
#practicums .group .participants p.empty,
#cert_peer_group .group .participants p.empty {
font-size: 17px;
line-height: 1.45em;
font-weight: 400;
color: red;
}
#practicums .group .participants label,
#cert_peer_group .group .participants label {
width: initial;
margin: 0 0 20px;
}
@media (max-width: 991px) {
#practicums .group .participants label,
#cert_peer_group .group .participants label {
margin: 0 0 10px;
}
}
#practicums .group .footer_btns,
#cert_peer_group .group .footer_btns {
margin: 0;
width: 100%;
}
@media (max-width: 479px) {
#practicums .group .footer_btns,
#cert_peer_group .group .footer_btns {
padding: 0;
}
}
#practicums .group .footer_btns .block_wrap,
#cert_peer_group .group .footer_btns .block_wrap {
padding: 10px 0 0;
}
@media (max-width: 479px) {
#practicums .group .footer_btns .block_wrap,
#cert_peer_group .group .footer_btns .block_wrap {
border: none;
}
}
#practicums .group .footer_btns .block_wrap .btn,
#cert_peer_group .group .footer_btns .block_wrap .btn {
margin-top: 8px;
}
@media (max-width: 991px) {
#practicums .group .footer_btns .block_wrap .btn,
#cert_peer_group .group .footer_btns .block_wrap .btn {
margin-top: 5px;
}
}
@media (max-width: 767px) {
#practicums .group .footer_btns .block_wrap .btn,
#cert_peer_group .group .footer_btns .block_wrap .btn {
margin: 5px auto 0;
}
}
@media (max-width: 639px) {
#practicums .group .footer_btns .block_wrap .btn,
#cert_peer_group .group .footer_btns .block_wrap .btn {
padding: 8px 10px;
}
}
#practicums .group .footer_btns ul,
#cert_peer_group .group .footer_btns ul {
position: relative;
margin: 20px -15px;
overflow: hidden;
}
@media (max-width: 991px) {
#practicums .group .footer_btns ul,
#cert_peer_group .group .footer_btns ul {
margin: 15px -15px;
}
}
#practicums .group .footer_btns ul li,
#cert_peer_group .group .footer_btns ul li {
padding: 12px 15px;
float: left;
}
@media (max-width: 991px) {
#practicums .group .footer_btns ul li,
#cert_peer_group .group .footer_btns ul li {
padding: 7px 15px 0;
}
}
#practicums .group .footer_btns ul:before,
#cert_peer_group .group .footer_btns ul:before {
content: "";
border-top: 1px solid #ddd;
position: absolute;
left: 15px;
right: 15px;
top: 0;
}
#practicums .dates,
#cert_peer_group .dates {
padding-right: 90px;
}
#practicums .group_accordion,
#practicums .dates,
#cert_peer_group .group_accordion,
#cert_peer_group .dates {
padding-top: 20px;
max-width: 920px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
#practicums .group_accordion,
#practicums .dates,
#cert_peer_group .group_accordion,
#cert_peer_group .dates {
padding: 20px 0 0;
}
}
@media (max-width: 639px) {
#practicums .group_accordion,
#practicums .dates,
#cert_peer_group .group_accordion,
#cert_peer_group .dates {
padding: 10px 0 0;
}
}
#practicums .group_accordion h4,
#practicums .dates h4,
#cert_peer_group .group_accordion h4,
#cert_peer_group .dates h4 {
font-size: 18px;
font-weight: 600;
}
#practicums .group_accordion .date_time,
#practicums .dates .date_time,
#cert_peer_group .group_accordion .date_time,
#cert_peer_group .dates .date_time {
margin: 0 0 5px 0;
font-size: 15px;
color: #CF0000;
line-height: 20px;
}
@media (max-width: 991px) {
#practicums .group_accordion .date_time,
#practicums .dates .date_time,
#cert_peer_group .group_accordion .date_time,
#cert_peer_group .dates .date_time {
font-size: 14px;
}
}
@media (max-width: 639px) {
#practicums .group_accordion .date_time,
#practicums .dates .date_time,
#cert_peer_group .group_accordion .date_time,
#cert_peer_group .dates .date_time {
font-size: 13px;
margin-bottom: 2px;
}
}
#practicums .group_accordion .tab-content,
#practicums .dates .tab-content,
#cert_peer_group .group_accordion .tab-content,
#cert_peer_group .dates .tab-content {
border: none;
}
#practicums .group_accordion .cont,
#practicums .dates .cont,
#cert_peer_group .group_accordion .cont,
#cert_peer_group .dates .cont {
max-width: 830px;
margin: 40px auto;
padding: 0 15px;
}
@media (max-width: 1199px) {
#practicums .group_accordion .cont,
#practicums .dates .cont,
#cert_peer_group .group_accordion .cont,
#cert_peer_group .dates .cont {
margin: 30px auto;
}
}
@media (max-width: 639px) {
#practicums .group_accordion .cont,
#practicums .dates .cont,
#cert_peer_group .group_accordion .cont,
#cert_peer_group .dates .cont {
margin: 20px auto;
}
}
#practicums .group_accordion .cont .card-header,
#practicums .dates .cont .card-header,
#cert_peer_group .group_accordion .cont .card-header,
#cert_peer_group .dates .cont .card-header {
padding: 10px 0;
}
#practicums .group_accordion .cont .card-header h5,
#practicums .dates .cont .card-header h5,
#cert_peer_group .group_accordion .cont .card-header h5,
#cert_peer_group .dates .cont .card-header h5 {
padding-left: 0 !important;
}
#practicums .group_accordion .cont .card-header:after,
#practicums .dates .cont .card-header:after,
#cert_peer_group .group_accordion .cont .card-header:after,
#cert_peer_group .dates .cont .card-header:after {
left: 0 !important;
}
#practicums .group_accordion .cont .card-body,
#practicums .dates .cont .card-body,
#cert_peer_group .group_accordion .cont .card-body,
#cert_peer_group .dates .cont .card-body {
padding: 0px 0;
}
#practicums .group_accordion .card,
#practicums .dates .card,
#cert_peer_group .group_accordion .card,
#cert_peer_group .dates .card {
border: none;
}
@media (max-width: 639px) {
#practicums .group_accordion .card,
#practicums .dates .card,
#cert_peer_group .group_accordion .card,
#cert_peer_group .dates .card {
margin-bottom: 20px;
}
}
#practicums .group_accordion .card .card-header,
#practicums .dates .card .card-header,
#cert_peer_group .group_accordion .card .card-header,
#cert_peer_group .dates .card .card-header {
position: relative;
margin-bottom: 15px;
}
@media (max-width: 767px) {
#practicums .group_accordion .card .card-header,
#practicums .dates .card .card-header,
#cert_peer_group .group_accordion .card .card-header,
#cert_peer_group .dates .card .card-header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 15px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
#practicums .group_accordion .card .card-header a,
#practicums .dates .card .card-header a,
#cert_peer_group .group_accordion .card .card-header a,
#cert_peer_group .dates .card .card-header a {
font-size: 12px;
font-weight: 700;
color: #fff;
border: 1px solid #CF0000;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
text-decoration: none;
background: #CF0000;
border-radius: 100%;
text-align: center;
right: 0;
}
#practicums .group_accordion .card .card-header a:hover,
#practicums .dates .card .card-header a:hover,
#cert_peer_group .group_accordion .card .card-header a:hover,
#cert_peer_group .dates .card .card-header a:hover {
background: #fff;
color: #ff0303;
}
@media (max-width: 767px) {
#practicums .group_accordion .card .card-header a,
#practicums .dates .card .card-header a,
#cert_peer_group .group_accordion .card .card-header a,
#cert_peer_group .dates .card .card-header a {
top: 13px;
}
}
@media (max-width: 639px) {
#practicums .group_accordion .card .card-header a,
#practicums .dates .card .card-header a,
#cert_peer_group .group_accordion .card .card-header a,
#cert_peer_group .dates .card .card-header a {
top: 11px;
}
}
#practicums .group_accordion .card .card-header a .close_wrap:before,
#practicums .group_accordion .card .card-header a .open_wrap:before,
#practicums .dates .card .card-header a .close_wrap:before,
#practicums .dates .card .card-header a .open_wrap:before,
#cert_peer_group .group_accordion .card .card-header a .close_wrap:before,
#cert_peer_group .group_accordion .card .card-header a .open_wrap:before,
#cert_peer_group .dates .card .card-header a .close_wrap:before,
#cert_peer_group .dates .card .card-header a .open_wrap:before {
display: none;
}
#practicums .group_accordion .card .card-header h5,
#practicums .dates .card .card-header h5,
#cert_peer_group .group_accordion .card .card-header h5,
#cert_peer_group .dates .card .card-header h5 {
padding-top: 0;
padding-bottom: 0;
padding-left: 12px;
font-size: 18px;
color: #000;
font-weight: 400;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
line-height: 1.4;
padding: 0;
}
@media (max-width: 1199px) {
#practicums .group_accordion .card .card-header h5,
#practicums .dates .card .card-header h5,
#cert_peer_group .group_accordion .card .card-header h5,
#cert_peer_group .dates .card .card-header h5 {
font-size: 14px;
}
}
@media (max-width: 767px) {
#practicums .group_accordion .card .card-header h5,
#practicums .dates .card .card-header h5,
#cert_peer_group .group_accordion .card .card-header h5,
#cert_peer_group .dates .card .card-header h5 {
padding: 15px 15px 0 0px;
}
}
@media (max-width: 639px) {
#practicums .group_accordion .card .card-header h5,
#practicums .dates .card .card-header h5,
#cert_peer_group .group_accordion .card .card-header h5,
#cert_peer_group .dates .card .card-header h5 {
font-size: 12px;
}
}
@media (max-width: 479px) {
#practicums .group_accordion .card .card-header h5,
#practicums .dates .card .card-header h5,
#cert_peer_group .group_accordion .card .card-header h5,
#cert_peer_group .dates .card .card-header h5 {
padding-left: 0;
}
}
#practicums .group_accordion .card .card-header h5 span,
#practicums .dates .card .card-header h5 span,
#cert_peer_group .group_accordion .card .card-header h5 span,
#cert_peer_group .dates .card .card-header h5 span {
font-size: 15px;
font-weight: 700;
}
#practicums .group_accordion .card .card-header h5 b,
#practicums .dates .card .card-header h5 b,
#cert_peer_group .group_accordion .card .card-header h5 b,
#cert_peer_group .dates .card .card-header h5 b {
font-size: 18px;
display: block;
margin: 0 0 5px;
}
@media (max-width: 1199px) {
#practicums .group_accordion .card .card-header h5 b,
#practicums .dates .card .card-header h5 b,
#cert_peer_group .group_accordion .card .card-header h5 b,
#cert_peer_group .dates .card .card-header h5 b {
font-size: 16px;
}
}
#practicums .group_accordion .card .card-header h5 b span,
#practicums .dates .card .card-header h5 b span,
#cert_peer_group .group_accordion .card .card-header h5 b span,
#cert_peer_group .dates .card .card-header h5 b span {
font-weight: 700;
}
#practicums .group_accordion .card .card-header h5 span:not(.ttl),
#practicums .dates .card .card-header h5 span:not(.ttl),
#cert_peer_group .group_accordion .card .card-header h5 span:not(.ttl),
#cert_peer_group .dates .card .card-header h5 span:not(.ttl) {
color: #CF0000;
}
#practicums .group_accordion .card .card-header:after,
#practicums .dates .card .card-header:after,
#cert_peer_group .group_accordion .card .card-header:after,
#cert_peer_group .dates .card .card-header:after {
content: "";
display: block;
position: absolute;
left: 85px;
bottom: 0;
right: 0;
border-bottom: 1px solid #ddd;
}
@media (max-width: 767px) {
#practicums .group_accordion .card .card-header:after,
#practicums .dates .card .card-header:after,
#cert_peer_group .group_accordion .card .card-header:after,
#cert_peer_group .dates .card .card-header:after {
left: 63px;
}
}
@media (max-width: 767px) {
#practicums .group_accordion .card .card-header:after,
#practicums .dates .card .card-header:after,
#cert_peer_group .group_accordion .card .card-header:after,
#cert_peer_group .dates .card .card-header:after {
left: 0;
}
}
#practicums .group_accordion .card .card-body,
#practicums .dates .card .card-body,
#cert_peer_group .group_accordion .card .card-body,
#cert_peer_group .dates .card .card-body {
border-bottom: none;
}
@media (max-width: 639px) {
#practicums .group_accordion .card .card-body,
#practicums .dates .card .card-body,
#cert_peer_group .group_accordion .card .card-body,
#cert_peer_group .dates .card .card-body {
padding-left: 0;
}
}
#practicums .group_accordion .card .card-body .group,
#practicums .dates .card .card-body .group,
#cert_peer_group .group_accordion .card .card-body .group,
#cert_peer_group .dates .card .card-body .group {
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 991px) {
#practicums .group_accordion .card .card-body .group,
#practicums .dates .card .card-body .group,
#cert_peer_group .group_accordion .card .card-body .group,
#cert_peer_group .dates .card .card-body .group {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
}
#practicums .group_accordion .card .card-body .group div.block:nth-child(2),
#practicums .dates .card .card-body .group div.block:nth-child(2),
#cert_peer_group .group_accordion .card .card-body .group div.block:nth-child(2),
#cert_peer_group .dates .card .card-body .group div.block:nth-child(2) {
border-left: 1px solid #ddd;
}
#practicums .group_accordion .card .card-body .group .block,
#practicums .dates .card .card-body .group .block,
#cert_peer_group .group_accordion .card .card-body .group .block,
#cert_peer_group .dates .card .card-body .group .block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
width: 50%;
margin-top: 10px;
margin-bottom: 15px;
}
#practicums .group_accordion .card .card-body .group .block.cal_btn_wrap,
#practicums .dates .card .card-body .group .block.cal_btn_wrap,
#cert_peer_group .group_accordion .card .card-body .group .block.cal_btn_wrap,
#cert_peer_group .dates .card .card-body .group .block.cal_btn_wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
#practicums .group_accordion .card .card-body .group .block.cal_btn_wrap > .btn,
#practicums .dates .card .card-body .group .block.cal_btn_wrap > .btn,
#cert_peer_group .group_accordion .card .card-body .group .block.cal_btn_wrap > .btn,
#cert_peer_group .dates .card .card-body .group .block.cal_btn_wrap > .btn {
max-width: 220px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 991px) {
#practicums .group_accordion .card .card-body .group .block,
#practicums .dates .card .card-body .group .block,
#cert_peer_group .group_accordion .card .card-body .group .block,
#cert_peer_group .dates .card .card-body .group .block {
width: 100%;
border: none !important;
}
}
#practicums .group_accordion .card .card-body .group .block > h3,
#practicums .dates .card .card-body .group .block > h3,
#cert_peer_group .group_accordion .card .card-body .group .block > h3,
#cert_peer_group .dates .card .card-body .group .block > h3 {
padding-left: 15px;
width: 100%;
}
#practicums .group_accordion .card .card-body .group .block > h4,
#practicums .dates .card .card-body .group .block > h4,
#cert_peer_group .group_accordion .card .card-body .group .block > h4,
#cert_peer_group .dates .card .card-body .group .block > h4 {
padding-left: 15px;
width: 100%;
}
#practicums .group_accordion .card .card-body .group .block .date_time,
#practicums .dates .card .card-body .group .block .date_time,
#cert_peer_group .group_accordion .card .card-body .group .block .date_time,
#cert_peer_group .dates .card .card-body .group .block .date_time {
margin: 0 auto 10px 0;
padding-left: 15px;
}
@media (max-width: 991px) {
#practicums .group_accordion .card .card-body .group .block .date_time,
#practicums .dates .card .card-body .group .block .date_time,
#cert_peer_group .group_accordion .card .card-body .group .block .date_time,
#cert_peer_group .dates .card .card-body .group .block .date_time {
text-align: center;
margin: 0 auto 10px auto;
width: 100%;
}
}
#practicums .group_accordion .card .card-body .group .block .btn,
#practicums .dates .card .card-body .group .block .btn,
#cert_peer_group .group_accordion .card .card-body .group .block .btn,
#cert_peer_group .dates .card .card-body .group .block .btn {
left: 0;
margin: 10px auto 10px 15px;
padding: 10px 20px 10px;
border-radius: 60px;
font-size: 12px;
width: 100%;
max-width: 230px;
}
#practicums .group_accordion .card .card-body .group .block .btn:hover,
#practicums .dates .card .card-body .group .block .btn:hover,
#cert_peer_group .group_accordion .card .card-body .group .block .btn:hover,
#cert_peer_group .dates .card .card-body .group .block .btn:hover {
border: 2px solid #f19109;
color: #f19109;
background: #fff;
}
#practicums .group_accordion .bio .card-header,
#practicums .dates .bio .card-header,
#cert_peer_group .group_accordion .bio .card-header,
#cert_peer_group .dates .bio .card-header {
padding-left: 0;
}
#practicums .group_accordion .bio .card-header:before,
#practicums .dates .bio .card-header:before,
#cert_peer_group .group_accordion .bio .card-header:before,
#cert_peer_group .dates .bio .card-header:before {
content: "";
display: block;
width: 64px;
height: 64px;
background: url(../img/pages/mmbrs/groups/headphones.svg) no-repeat center;
background-color: #CF0000;
border-radius: 40px;
background-size: 36px auto;
margin: -22px 0;
}
@media (max-width: 991px) {
#practicums .group_accordion .bio .card-header:before,
#practicums .dates .bio .card-header:before,
#cert_peer_group .group_accordion .bio .card-header:before,
#cert_peer_group .dates .bio .card-header:before {
background-size: 32px auto;
margin: -15px 0;
width: 58px;
height: 58px;
}
}
@media (max-width: 767px) {
#practicums .group_accordion .bio .card-header:before,
#practicums .dates .bio .card-header:before,
#cert_peer_group .group_accordion .bio .card-header:before,
#cert_peer_group .dates .bio .card-header:before {
background-size: 28px auto;
width: 48px;
height: 48px;
}
}
#practicums .group_accordion .dates .block,
#practicums .dates .dates .block,
#cert_peer_group .group_accordion .dates .block,
#cert_peer_group .dates .dates .block {
text-align: center;
}
#practicums .group_accordion .dates .card-header,
#practicums .dates .dates .card-header,
#cert_peer_group .group_accordion .dates .card-header,
#cert_peer_group .dates .dates .card-header {
padding-left: 0;
border: none;
}
#practicums .group_accordion .dates .card-header .collapse,
#practicums .dates .dates .card-header .collapse,
#cert_peer_group .group_accordion .dates .card-header .collapse,
#cert_peer_group .dates .dates .card-header .collapse {
display: none;
}
#practicums .group_accordion .dates .card-header .ttl,
#practicums .dates .dates .card-header .ttl,
#cert_peer_group .group_accordion .dates .card-header .ttl,
#cert_peer_group .dates .dates .card-header .ttl {
display: block;
margin-left: 20px;
}
@media (max-width: 991px) {
#practicums .group_accordion .dates .card-header .ttl,
#practicums .dates .dates .card-header .ttl,
#cert_peer_group .group_accordion .dates .card-header .ttl,
#cert_peer_group .dates .dates .card-header .ttl {
margin-left: 23px;
}
}
@media (max-width: 767px) {
#practicums .group_accordion .dates .card-header .ttl,
#practicums .dates .dates .card-header .ttl,
#cert_peer_group .group_accordion .dates .card-header .ttl,
#cert_peer_group .dates .dates .card-header .ttl {
margin-left: 0;
}
}
#practicums .group_accordion .dates .card-header:before,
#practicums .dates .dates .card-header:before,
#cert_peer_group .group_accordion .dates .card-header:before,
#cert_peer_group .dates .dates .card-header:before {
content: "";
display: block;
width: 64px;
height: 64px;
background: url(../img/pages/mmbrs/groups/calendar.svg) no-repeat center;
background-color: #CF0000;
background-size: 32px auto;
border-radius: 40px;
margin: -22px 0;
}
@media (max-width: 991px) {
#practicums .group_accordion .dates .card-header:before,
#practicums .dates .dates .card-header:before,
#cert_peer_group .group_accordion .dates .card-header:before,
#cert_peer_group .dates .dates .card-header:before {
background-size: 32px auto;
margin: -15px 0;
width: 58px;
height: 58px;
}
}
@media (max-width: 767px) {
#practicums .group_accordion .dates .card-header:before,
#practicums .dates .dates .card-header:before,
#cert_peer_group .group_accordion .dates .card-header:before,
#cert_peer_group .dates .dates .card-header:before {
background-size: 18px auto;
width: 40px;
height: 40px;
}
}
@media (max-width: 479px) {
#practicums .group_accordion .dates .card-header:before,
#practicums .dates .dates .card-header:before,
#cert_peer_group .group_accordion .dates .card-header:before,
#cert_peer_group .dates .dates .card-header:before {
display: none;
}
}
#practicums .group_accordion .dates .card-body,
#practicums .dates .dates .card-body,
#cert_peer_group .group_accordion .dates .card-body,
#cert_peer_group .dates .dates .card-body {
padding-left: 95px;
padding-right: 0;
}
@media (max-width: 767px) {
#practicums .group_accordion .dates .card-body,
#practicums .dates .dates .card-body,
#cert_peer_group .group_accordion .dates .card-body,
#cert_peer_group .dates .dates .card-body {
padding-left: 0;
}
}
#practicums .group_accordion .dates .card-body .group .btn-yellow,
#practicums .dates .dates .card-body .group .btn-yellow,
#cert_peer_group .group_accordion .dates .card-body .group .btn-yellow,
#cert_peer_group .dates .dates .card-body .group .btn-yellow {
position: relative;
left: -40px;
}
@media (max-width: 991px) {
#practicums .group_accordion .dates .card-body .group .btn-yellow,
#practicums .dates .dates .card-body .group .btn-yellow,
#cert_peer_group .group_accordion .dates .card-body .group .btn-yellow,
#cert_peer_group .dates .dates .card-body .group .btn-yellow {
left: 0;
}
}
#practicums .group_accordion .res,
#practicums .dates .res,
#cert_peer_group .group_accordion .res,
#cert_peer_group .dates .res {
margin-right: -75px;
}
@media (max-width: 991px) {
#practicums .group_accordion .res,
#practicums .dates .res,
#cert_peer_group .group_accordion .res,
#cert_peer_group .dates .res {
margin-right: 0;
}
}
#practicums .group_accordion .res .card-header,
#practicums .dates .res .card-header,
#cert_peer_group .group_accordion .res .card-header,
#cert_peer_group .dates .res .card-header {
padding-left: 0;
margin-bottom: 5px;
margin-right: 75px;
border: none;
}
@media (max-width: 991px) {
#practicums .group_accordion .res .card-header,
#practicums .dates .res .card-header,
#cert_peer_group .group_accordion .res .card-header,
#cert_peer_group .dates .res .card-header {
margin-right: 0;
}
}
#practicums .group_accordion .res .card-header:after,
#practicums .dates .res .card-header:after,
#cert_peer_group .group_accordion .res .card-header:after,
#cert_peer_group .dates .res .card-header:after {
display: none;
}
#practicums .group_accordion .res .card-header .collapse,
#practicums .dates .res .card-header .collapse,
#cert_peer_group .group_accordion .res .card-header .collapse,
#cert_peer_group .dates .res .card-header .collapse {
display: none;
}
#practicums .group_accordion .res .card-header:before,
#practicums .dates .res .card-header:before,
#cert_peer_group .group_accordion .res .card-header:before,
#cert_peer_group .dates .res .card-header:before {
content: "";
display: block;
width: 64px;
height: 64px;
background: url(../img/pages/mmbrs/groups/resources.svg) no-repeat center;
background-color: #CF0000;
background-size: 32px auto;
border-radius: 40px;
margin: -22px 0;
}
@media (max-width: 991px) {
#practicums .group_accordion .res .card-header:before,
#practicums .dates .res .card-header:before,
#cert_peer_group .group_accordion .res .card-header:before,
#cert_peer_group .dates .res .card-header:before {
background-size: 32px auto;
margin: -15px 0;
width: 58px;
height: 58px;
}
}
@media (max-width: 767px) {
#practicums .group_accordion .res .card-header:before,
#practicums .dates .res .card-header:before,
#cert_peer_group .group_accordion .res .card-header:before,
#cert_peer_group .dates .res .card-header:before {
background-size: 24px auto;
width: 48px;
height: 48px;
}
}
@media (max-width: 479px) {
#practicums .group_accordion .res .card-header:before,
#practicums .dates .res .card-header:before,
#cert_peer_group .group_accordion .res .card-header:before,
#cert_peer_group .dates .res .card-header:before {
display: none;
}
}
#practicums .group_accordion .res .card-body,
#practicums .dates .res .card-body,
#cert_peer_group .group_accordion .res .card-body,
#cert_peer_group .dates .res .card-body {
padding-right: 0;
padding-left: 0;
padding-top: 0;
}
#practicums .group_accordion .res .card-body .group,
#practicums .dates .res .card-body .group,
#cert_peer_group .group_accordion .res .card-body .group,
#cert_peer_group .dates .res .card-body .group {
padding: 20px 85px 0;
border: none;
}
@media (max-width: 639px) {
#practicums .group_accordion .res .card-body .group,
#practicums .dates .res .card-body .group,
#cert_peer_group .group_accordion .res .card-body .group,
#cert_peer_group .dates .res .card-body .group {
padding: 20px 15px 0;
}
}
#practicums .group_accordion .res .card-body .group .block_wrap,
#practicums .dates .res .card-body .group .block_wrap,
#cert_peer_group .group_accordion .res .card-body .group .block_wrap,
#cert_peer_group .dates .res .card-body .group .block_wrap {
border: none;
}
#practicums .group_accordion .res .card-body nav,
#practicums .dates .res .card-body nav,
#cert_peer_group .group_accordion .res .card-body nav,
#cert_peer_group .dates .res .card-body nav {
margin-bottom: 40px;
}
#practicums .group_accordion .res .card-body nav .card-tabs,
#practicums .dates .res .card-body nav .card-tabs,
#cert_peer_group .group_accordion .res .card-body nav .card-tabs,
#cert_peer_group .dates .res .card-body nav .card-tabs {
border-left: 0;
border-right: 0;
}
#practicums .group_accordion .res .card-body .tab-content,
#practicums .dates .res .card-body .tab-content,
#cert_peer_group .group_accordion .res .card-body .tab-content,
#cert_peer_group .dates .res .card-body .tab-content {
padding-left: 70px;
padding-right: 70px;
}
@media (max-width: 767px) {
#practicums .group_accordion .res .card-body .tab-content,
#practicums .dates .res .card-body .tab-content,
#cert_peer_group .group_accordion .res .card-body .tab-content,
#cert_peer_group .dates .res .card-body .tab-content {
padding-right: 30px;
padding-left: 30px;
}
}
#practicums .group_accordion .res .card-body .block_wrap,
#practicums .dates .res .card-body .block_wrap,
#cert_peer_group .group_accordion .res .card-body .block_wrap,
#cert_peer_group .dates .res .card-body .block_wrap {
margin-bottom: 20px;
border-bottom: 0px;
}
#practicums .group_accordion .res .card-body .block_wrap small,
#practicums .dates .res .card-body .block_wrap small,
#cert_peer_group .group_accordion .res .card-body .block_wrap small,
#cert_peer_group .dates .res .card-body .block_wrap small {
font-weight: 600;
}
.footer_btns.tabs_wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
border-top: 1px solid #ddd;
}
.footer_btns.tabs_wrap .nav-tabs {
margin-left: 0;
padding-left: 0;
padding-top: 20px;
margin: 0 !important;
width: 100px;
border: none;
border-right: 1px solid #ddd;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer_btns.tabs_wrap .nav-tabs:before {
display: none;
}
.footer_btns.tabs_wrap .nav-tabs li {
width: 100%;
}
@media (max-width: 991px) {
.footer_btns.tabs_wrap .nav-tabs li {
margin-bottom: 15px;
}
}
.footer_btns.tabs_wrap .nav-tabs li a {
color: #797979;
}
.footer_btns.tabs_wrap .nav-tabs li a.active {
color: #CF0000;
}
.footer_btns.tabs_wrap .tab-content {
width: 100%;
padding-left: 30px !important;
padding-right: 30px !important;
}
.footer_btns.tabs_wrap .tab-content .tab-pane ul:before {
display: none;
}
.footer_btns.tabs_wrap .tab-content .tab-pane ul li {
margin-bottom: 10px;
}
#banner.groups {
text-align: left;
border-radius: 6px 6px 0 0;
background: url(../img/pages/mmbrs/reg/bg_red.jpg) no-repeat center;
background-size: cover;
padding: 30px;
margin-top: 50px;
max-width: 920px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 991px) {
#banner.groups {
margin-top: 30px;
}
}
@media (max-width: 767px) {
#banner.groups {
margin-top: 0;
padding: 30px 15px;
border-radius: 0;
}
}
#banner.groups.facilitator {
border-radius: 6px;
margin-bottom: 30px;
max-width: 920px;
margin-left: auto;
margin-right: auto;
}
#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;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 96px;
margin: 50px 0 10px;
border-radius: 50%;
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.zoom {
background: url(../img/pages/mmbrs/groups/sub-banner.jpg) no-repeat center;
background-size: cover;
margin-top: 10px;
padding: 17px 26px;
border-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 767px) {
#banner.groups.zoom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 479px) {
#banner.groups.zoom {
padding: 17px 15px;
}
}
#banner.groups.zoom .btn {
font-size: 14px;
letter-spacing: 0;
padding: 5px 30px;
border-radius: 20px;
min-width: 240px;
}
@media (max-width: 767px) {
#banner.groups.zoom .btn {
margin-top: 20px;
}
}
#banner.groups.zoom p {
font-size: 16px;
margin-bottom: 0;
}
@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: 15px;
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;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#banner.groups.zoom p a:hover {
opacity: 0.8;
}
#banner.groups .icon {
width: 55px;
margin: 0 0 25px 0;
}
@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: 24px;
font-weight: bold;
line-height: 1.25;
margin-bottom: 22px;
}
@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: 17px;
line-height: 26px;
margin: 0 0 10px;
}
@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;
border: 1px solid #fff;
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 .bootstrap-select.btn-group {
max-width: 330px;
margin-top: 14px;
}
#banner.groups .bootstrap-select.btn-group .btn.dropdown-toggle {
padding: 12px 20px 10px;
border-radius: 40px;
}
@media (max-width: 991px) {
#banner.groups .bootstrap-select.btn-group .btn.dropdown-toggle {
font-size: 14px;
padding: 11px 20px 9px;
}
}
@media (max-width: 639px) {
#banner.groups .bootstrap-select.btn-group .btn.dropdown-toggle {
font-size: 12px;
padding: 9px 20px 7px;
}
}
#banner.groups .bootstrap-select.btn-group .btn.dropdown-toggle:after {
top: 32%;
}
#banner.groups .bootstrap-select.btn-group .btn.dropdown-toggle .filter-option {
line-height: 1.3;
}
#banner.groups .bootstrap-select.btn-group > .dropdown-menu {
left: 15px !important;
min-width: calc(100% - 30px);
width: calc(100% - 30px);
}
#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-hint {
font-size: 16px;
border-bottom: 1px solid #dddddd;
color: #474747;
font-weight: 600;
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;
}