/* EMBED FONTS
--------------------------------------------------*/

@font-face {
  font-family: 'Din';
  src: url('D-DIN.woff') format('woff'), /* Pretty Modern Browsers */
    url('D-DIN.ttf')  format('truetype') /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Din-Bold';
  src: url('D-DIN-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('D-DIN-Bold.ttf')  format('truetype') /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Din-Light';
  src: url('D-DINCondensed.woff') format('woff'), /* Pretty Modern Browsers */
    url('D-DINCondensed.ttf')  format('truetype') /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Playfair-Italic';
  src: url('PlayfairDisplay-Italic-VariableFont_wght.woff') format('woff'), /* Pretty Modern Browsers */
    url('PlayfairDisplay-Italic-VariableFont:wght.ttf')  format('truetype') /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Playfair';
  src: url('PlayfairDisplay-VariableFont_wght.woff') format('woff'), /* Pretty Modern Browsers */
    url('PlayfairDisplay-VariableFont:wght.ttf')  format('truetype') /* Safari, Android, iOS */
}


/* MISC STYLES
--------------------------------------------------*/

.tooltip {
	z-index: 9999!important;
}

.clear {
    width    :   100%;
    clear    :   both;
}

.req {
    border   :   1px dashed #FF0000!important;   
}

.margin5 {
    width    :   100%;
    height   :   5px;
    clear    :   both;
}

.margin10 {
    width    :   100%;
    height   :   10px;
    clear    :   both;
}

.margin15 {
    width    :   100%;
    height   :   15px;
    clear    :   both;
}

.margin20 {
    width    :   100%;
    height   :   20px;
    clear    :   both;
}

.margin25 {
    width    :   100%;
    height   :   25px;
    clear    :   both;
}

.center {
    text-align  :   center;   
}

.right {
    text-align  :   right;   
}

.fade.in {
   opacity: 1!important;
   -webkit-transition: opacity 0s linear;
   -moz-transition: opacity 0s linear;
    -ms-transition: opacity 0s linear;
     -o-transition: opacity 0s linear;
   transition: opacity 0s linear;
	display:block!important;
 }

.btn-djp {
    background-color    :   #1C1F26!important;
    border-color     :   #1C1F26!important;
    color    :   #FFF!important;
    -webkit-box-shadow  :   none!important;
    box-shadow  :   none!important;
}

.btn-djp:hover {
    background-color    :   #05060B!important;
    border-color     :   #05060B!important;
    color    :   #FFF!important;
    cursor   :   pointer;
    -webkit-box-shadow  :   none!important;
    box-shadow  :   none!important;
}

.btn-hollow {
    background-color    :   #F4F4F4!important;
    border-color     :   #1C1F26!important;
    color    :   #1C1F26!important;
    -webkit-box-shadow  :   none!important;
    box-shadow  :   none!important;
	box-sizing: border-box!important;
	opacity: 0.65;
}

.btn-hollow:hover {
    background-color    :   #F1F1F1!important;
    border-color     :   #1C1F26!important;
    color    :   #1C1F26!important;
    cursor   :   pointer;
    -webkit-box-shadow  :   none!important;
    box-shadow  :   none!important;
	opacity: 0.85;
}

.btn-djp-blue {
    background-color    :   #31A9C0!important;
    border-color     :   #31A9C0!important;
    color    :   #FFF!important;
    -webkit-box-shadow  :   none!important;
    box-shadow  :   none!important;
}

.btn-djp-blue:hover {
    background-color    :   #31A9C0!important;
    border-color     :   #31A9C0!important;
    color    :   #FFF!important;
    cursor   :   pointer;
    -webkit-box-shadow  :   none!important;
    box-shadow  :   none!important;
}

.btn-djp-green {
    background-color    :   #51c690!important;
    border-color     :   #51c690!important;
    color    :   #FFF!important;
    -webkit-box-shadow  :   none!important;
    box-shadow  :   none!important;
}

.btn-djp-green:hover {
    background-color    :   #51c690!important;
    border-color     :   #51c690!important;
    color    :   #FFF!important;
    cursor   :   pointer;
    -webkit-box-shadow  :   none!important;
    box-shadow  :   none!important;
}

.btn-djp-brown {
    background-color    :   #A97142!important;
    border-color     :   #A97142!important;
    color    :   #FFF!important;
    -webkit-box-shadow  :   none!important;
    box-shadow  :   none!important;
}

.btn-djp-brown:hover {
    background-color    :   #A97142!important;
    border-color     :   #A97142!important;
    color    :   #FFF!important;
    cursor   :   pointer;
    -webkit-box-shadow  :   none!important;
    box-shadow  :   none!important;
}

.btn-djp-life {
    background-color    :   #EFB924!important;
    border-color     :   #DF9C10!important;
}

.btn-djp-life:hover {
    background-color    :   #EBC54E!important;
    border-color     :   #DF9C10!important;
}

body:not(.woocommerce-page) button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.close), body:not(.woocommerce-page) .button:not([class^="fl-"]):not(hestia-scroll-to-top):not(.navbar-toggle):not(.add_to_cart_button), div.wpforms-container .wpforms-form button[type=submit].wpforms-submit, input[type="submit"], input[type="button"], .btn.btn-primary, .widget_product_search button[type="submit"], .hestia-sidebar-open.btn.btn-rose, .hestia-sidebar-close.btn.btn-rose, .everest-forms button[type=submit].everest-forms-submit-button,
body:not(.woocommerce-page) .button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.add_to_cart_button):hover, body:not(.woocommerce-page) button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.close):hover, div.wpforms-container .wpforms-form button[type=submit].wpforms-submit:hover, input[type="submit"]:hover, input[type="button"]:hover, input#searchsubmit:hover, .widget_product_search button[type="submit"]:hover, .pagination span.current, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .hestia-sidebar-open.btn.btn-rose:hover, .hestia-sidebar-close.btn.btn-rose:hover, .pagination span.current:hover, .everest-forms button[type=submit].everest-forms-submit-button:hover, .everest-forms button[type=submit].everest-forms-submit-button:focus, .everest-forms button[type=submit].everest-forms-submit-button:active {
    -webkit-box-shadow  :   none!important;
    box-shadow  :   none!important;
}

.quarter {
    width    :   25%;
    box-sizing  :   border-box;
    float    :   left;
}

.third {
    width    :   33.33%;
    box-sizing  :   border-box;
    float    :   left;
}

.half {
    width    :   50%;
    box-sizing  :   border-box;
    float    :   left;
}

.twothirds {
    width    :   66.66%;
    box-sizing  :   border-box;
    float    :   left;
}

.threequarters {
    width    :   75%;
    box-sizing  :   border-box;
    float    :   left;
}

.full {
    width    :   100%;
    box-sizing  :   border-box;
}

.first ul li {
    list-style-type: none;
    float: left;
    margin-left: 5px;
    margin-top: 10px;
}

.tooltip {
	z-index: 999999;
}

.yesmobile {
    display: none;
}


/* GENERAL
--------------------------------------------------*/

.StripeElement {
    box-sizing: border-box;
    height: 50px;
    padding: 15px 12px;
    border: 1px solid #C9C9C9;
    border-radius: 0px;
    background-color: white;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.ElementsApp .InputElement {
    height: 30px!important;
    padding: 5px!important;
}

#ocsearch {
    width    :   200px;
    background  :   #FFF!important;
}

mark{
    background  :   yellow;
    color    :   #000;
    font-family :  'Din-Bold', sans-serif;
}

.input-group {
}

.clear {
    height   :   0!important;
}

.page-template-template-online-courses .post_body.container-fluid {
    max-width   :   100%!important;
    width    :   100%!important;
    padding  :   0px!important;
    margin   :   0 auto!important;
}

.page-template-template-online-courses .post_body.container-fluid .container {
    max-width   :   100%!important;
    width    :   100%!important;
    padding  :   0 0;
    margin   :   0 auto!important;
}

.page-template-template-online-courses .post_body.container-fluid .container div,
.page-template-template-online-courses .post_body.container-fluid .container span,
.page-template-template-online-courses .post_body.container-fluid .container p,
.single-online .post_body.container-fluid .container div,
.single-online .post_body.container-fluid .container span,
.single-online .post_body.container-fluid .container p,
.single-online .post_body.container-fluid .container small,
.table td, .table tr, .table th {
    font-family :  'Din', sans-serif;
}

.page-template-template-online-courses .dashboard {
    max-width   :   100%!important;
    width    :   100%!important;
    padding  :   0!important;
    margin   :   -57px auto 0 auto!important;
    position    :   relative;
}

.page-template-template-online-courses header, .single-online header {
    background  :   url("../images/header-new-6.jpg");
    background-size  :   cover;
    height   :   250px;
}

.page-template-template-online-courses header a.nav-link, .single-online header a.nav-link {
    /*color    :   #000!important;*/
    text-shadow :   0px 1px #000;
}

.page-template-template-online-courses .logo, .single-online .logo {
    width    :   220px;
    position    :   absolute;
    margin   :   0 auto;
    left     :   50%;
    top      :   0;
    margin-left :   -110px;
    z-index  :   10;
}

.page-template-template-online-courses .logo img, .single-online .logo img {
    margin-top  :   5px;
    height   :   auto;
    width    :   220px;
    position    :   relative;
}

.page-template-template-online-courses .logo h3, .single-online .logo h3 {
    margin   :   40px 0 0 0!important;
    padding-top :   10px!important;
    border-top  :   1px solid #FFF;
    font-size   :   17px;
    font-family :  'Din-Bold', sans-serif;
    text-align  :   center;
    width    :   100%;
    display  :   block;
    clear    :   both;
    color    :   #FFF;
}

.left-nav {
    padding  :   0;
    text-align  :   center;
    border-bottom    :   1px solid #FFF;
    position    :   relative;
    z-index  :   2;
}

.left-nav:last-child {
    border-bottom    :   0px solid #FFF;
}

.left-nav a {
    padding  :   0!important;
    text-transform   :   uppercase;
    font-size   :   18px;
    line-height :   46px;
    color    :   #FFF!important;
    cursor   :   pointer;
}

.left-nav a.active {
    color    :   #CF1816!important;
}

.golden {
    color    :   #FCD44B;
    background  :   -webkit-linear-gradient(135deg, #FFDB57, #F9CA2E, #FFDB57, #FFDB57);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position:relative; 
}

.golden:after {
  background: none;
  content: attr(data-text);
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
  text-shadow: 1px 1px #D38807;
}

.newicon {
    color    :   #2B435B;
    background  :   #2B435B;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position:relative; 
}

.newicon:after {
  background: none;
  content: attr(data-text);
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
  text-shadow: 1px 1px #FFF;
}

#lostpasswordform legend {
    display: none!important;
}

#lostpasswordform label {
    margin-top   :   15px!important;
}

#lostpasswordform input {
    width   :   100%;
    padding :   10px;
}

#lostpasswordform button {
    padding :   10px;
    background   :   #000;
    color   :   #FFF;
    border  :   1px solid #000;
}

.splash-buts {
    padding :   10px 5px!important;
}

.splash-buts .addtocart {
    text-transform  :   uppercase;
}

.splash-buts .addtocart .fa {
    font-size    :   50px;
    line-height  :   70px;
}


/* TOUR STYLES
-------------------------------------------------------------- */

.tour-overlay {
    display  :   none;
    position    :   fixed;
    background  :   #000;
    opacity  :   0.40;
    width    :   100%;
    height   :   100%;
    top      :   0;
    left     :   0;
    z-index  :   999;
}

.popover.tour {
    -webkit-box-shadow: 0px 0px 55px 15px rgba(0, 0, 0, 0.3)!important;
    -moz-box-shadow: 0px 0px 55px 15px rgba(0, 0, 0, 0.3)!important;
    box-shadow: 0px 0px 55px 15px rgba(0, 0, 0, 0.3)!important;
    background-color: #F7F7F7!important;
	z-index: 9998!important;
}

.tour .popover-title {
	margin-top: 0!important;
	padding-left: 15px!important;
	background-color: #20405A!important;
}

.tour .popover-content {
	font-size: 14px!important;
}

.tour .popover-navigation {
    position    :   relative;
}

.tour .popover-navigation i {
    font-size   :   24px;
    margin   :   0 3px;
    cursor   :   pointer;
    color    :   #FFBC1F;
}

.tour .popover-navigation i.disabled {
    color    :   #DBDBDB;
    cursor   :   default;
}

.tour .popover-navigation i.fa-times-rectangle-o {
    color    :   #E57F25;
    position    :   absolute;
    right    :   17px;
}


/* FAQ STYLES
-------------------------------------------------------------- */

.hg-faqs {
    padding: 30px;
    background: transparent;
}

.faq-wrap {
    margin: 0 0 0 0;
}

.faq-wrap h3 {
    padding: 15px 5px;
    margin: 0;
    border-bottom: 1px solid #CCC;
    display: block;
}

.faq-wrap:last-child h3 {
    border-bottom: 0px solid #CCC;
}

.faq-wrap h3:hover {
    cursor: pointer;
    opacity: 0.8;
}

.faq-wrap h3.active {
    padding: 15px 10px;
    background: #5C5B79;
    border-bottom: 1px solid #CCC;
    color: #FFF;
}

.faq-wrap .faq-text {
    display: none;
    padding: 20px 30px;
    background-color: rgba(255, 255, 255, 0.7); 
    border-bottom: 1px solid #CCC;
}


/* FORM STYLES
-------------------------------------------------------------- */

#res-message, .res-message,
#res-message2, .res-message2 {
	padding				:	5px;
	margin				:	15px auto 0 auto;
	/*color				:	#3EA00C;
	border				:	1px solid #3EA00C;
	background			:	#D0FFB7;*/
	display				:	none;
	text-align			:	center;
	width				:	100%;
}

.res-error {
	color				:	#FF0000!important;
	border				:	1px dashed #FF0000!important;
	background			:	#FFE2E2!important;
	line-height			:	35px;
	border-radius		:	5px;
}

.res-message-full {
	width				:	970px;
}

#signingup_error, #log_error, #pwd_error {
	position			: 	absolute;
	margin				:	-18px 0 0 7px;
	display				: 	none;
	font-size			: 	12px;
	color				: 	#FFF;
	background			: 	#FF0000;
	padding				: 	3px 5px;
	filter				: 	alpha(opacity=60);
	opacity				: 	0.6;
}

#signingup_error {
	position			: 	relative;
	margin				:	6px auto 6px auto;
	font-size			: 	12px;
	filter				: 	alpha(opacity=70);
	opacity				: 	0.7;
}

#conditions_wrapper, .deals_wrapper {
	width				: 100%!important;
	padding				:	5px 5px 0 0!important;
}

.saved {
	background			:	#DFF0D8!important;
	border				:	1px dashed #C8EDB8!important;
	color				:	#8EDB6D!important;
}

.echoice {
    font-size   :   115%;
}

.langs {
    color    :   #FFF!important;
    z-index  :   99999999;
    position    :   relative;
}

.langs a {
    color    :   #666!important;
    cursor   :   pointer;
}

.langs a.active {
    color    :   #FFF!important;
}

.check_success {
	color				:	#3EA00C!important;
	border				:	1px solid #3EA00C!important;
	background			:	#D0FFB7!important;
}

.res-message-load {
	padding				:	5px;
	margin				:	5px auto;
	color				:	#000000;
	border				:	0px dashed #FF0000;
	text-align			:	center;
}

.res-message-return {
	padding				:	5px;
	margin				:	5px auto;
	color				:	#FF0000;
	border				:	1px dashed #FF0000;
	background			:	#FFF;
	text-align			:	left;
	overflow			:	hidden;
}

.dropzone, .dropzone-sr {
	min-height			:	230px!important;
	max-height			:	230px!important;
	padding				:	10px!important;
}

.account-form, .pp-reset-password-form {
	padding				:	40px 0;
	height				:	auto;
	display				:	block;
	overflow			:	hidden;
	float				:	none;
	margin				:	0 auto 0 auto!important;
	width				:	100%;
	background			:	#f6f6f6;
	position			:	relative;
}

.login-form {
	padding				:	10px 15px 10px 15px;
    width    :   100%;
    border-radius    :   20px;
    text-align  :   center!important;
}

.nsl-container-buttons a {
    margin: 0 auto!important;
}

.orbg {
    display  :   block;
    width    :   40px;
    line-height :   40px;
    text-align  :   center;
    background  :   #F6F6F6!important;
    position    :   absolute;
    top      :   50%;
    left     :   50%;
    margin   :   20px 0 0 -20px!important;
    z-index  :   999;
}

.qa-forms {
    width    :   100%;
    text-align  :   left;
}

.account-form-full {
    width    :   90%;   
}

.account-form input[type=button] {
    font-size   :   12px;
    height   :   26px;
    line-height :   24px;
    width    :   auto;
}

.form-group {
    position    :   static !important;
    margin-bottom    :   0!important;
    padding-bottom   :   0!important;
}

.input-group .input-group-addon {
	/*border				:	1px solid #333!important;
    background  :   #333!important;
    color    :   #FFF!important;*/
    /*height   :   48px!important;
    line-height :   28px!important;
	padding				:	10px!important;*/
	width			    :	35px;
	height			    :	38px;
    padding  :   5px 7px!important;
    text-align  :   center;
}

.account-form h2 {
    margin-bottom    :   25px!important;
    color    :   #000;
    font-size   :   30px;
    font-weight :   bold;
}

.hdiw h2 {
    margin   :   0 0 5px 0!important;
    font-size   :   22px!important;
    line-height :   38px!important;
    padding  :   0!important;
}

.account-form .social-networks {
    text-align  :   center;
    padding-top :   11px;
}

.account-form .slog {
    text-align  :   center;
}

.btn-fw {
    width    :   100%;
}

.btn-su, .btn-su:hover {
	background: #877E1A!important;
	border: 0;
}

.account-form #showpw {
    position    :   absolute;
    cursor   :   pointer;
    top      :   9px;
    right    :   55px;
    color    :   #666;
    z-index  :   999;
}

.account-form #showpw i {
    font-size   :   30px;
}

.theme-4 .apsl-icon-block.icon-facebook, .theme-4 .apsl-icon-block.icon-google {
    border-radius: 5px!important;
    font-size: 13px;
    line-height: 26px!important;
    padding: 11px 15px!important;
    margin-right: 0!important;
    font-weight: bold;
    width: 80%;
    clear: both;
}

.lili {
    padding:    0;
    border-radius: 5px;
    background: #007AB6;
    width: 80%;
    clear: both;
    display: inline-block;
}

.account-form .form-control, .odates .form-control {
	font-size			:	15px;
}

.account-form-wide {
	width				:	90%;
}

.fields {
	padding				:	5px!important;
    float    :   left!important;
}

.lnav {
    padding  :   10px 15px 60px 15px!important;
    background  :   transparent;
    text-align  :   center;
    position    :   relative;
    height   :   100%;
}

.lnav .overlays {
    position    :   absolute;
    left     :   0;
    top      :   0;
    width    :   100%;
    height   :   100%;
    z-index  :   1;
    opacity  :   0.65;
    background  :   #22272d;
    display  :   block;
}

.lnav img {
    max-width   :   60%;
    height   :   auto;
    position    :   relative;
    z-index  :   2;
}

.lnav h3 {
    font-size   :   25px!important;
    line-height :   30px!important;
    text-transform   :   uppercase;
    color    :   #FFF;
    max-width   :   70%;
    margin   :   20px auto!important;
    padding  :   10px 0 15px 0;
    border-top  :   1px solid #FFF;
    position    :   relative;
    z-index  :   2;
}

.lnav h3 small {
	padding-bottom: 5px;
	display: block;
    line-height :   25px!important;
}

.lnav .nextprev {
    bottom   :   39px;
    position    :   absolute;
    z-index  :   999999;
    width    :   100%;
    left     :   0;
}

.lnav .nextprev .nav {
    float    :   left;
    padding  :   0 1px 0 15px!important;
	width: 50%!important;
}

.lnav .nextprev .nav.nav-next {
    float    :   left;
    padding  :   0 15px 0 1px!important;
}

.lnav .nextprev a {
    color    :   #FFF!important;
    cursor   :   pointer;
    width    :   100%;
    display  :   inline-block;
    text-align  :   left;
    padding  :   1px 9px;
    background  :   transparent url("../images/bg.png") repeat;
    margin   :   1px 0;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    font-size   :   14px;
    line-height :   22px;
    opacity  :   0.80;
    border   :   1px solid #282828;
}

.lnav .nextprev a:hover {
    color    :   #F1F1F1;
    opacity  :   1;
}

.lnav .nextprev a.disabled {
    opacity  :   0.3;
    cursor   :   default;
}

.lnav .nextprev .nav-next a {
    text-align  :   right!important;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
}

.lnav .nextprev .nav {
    position    :   relative;
}

.lnav .nextprev .nav span {
    float    :   left;
    padding  :   0 0 0 5px!important;
}

.lnav .nextprev .nav-next span {
    float    :   right;
    padding  :   0 5px 0 0!important;
}

.lnav .nextprev .nav-arrow {
    display  :   inline-block;
    height   :   100%;
    float    :   left;
    vertical-align   :   middle;
}

.lnav .nextprev .nav-next .nav-arrow {
    float    :   right;
}

.lnav .nextprev .nav .popups {
    z-index  :   99999999;
    display  :   none;
    position    :   absolute;
    padding  :   3px;
    font-size   :   13px;
    width    :   75%;
    bottom   :   32px;
    left     :   12.5%;
    background  :   transparent url("../images/bg.png") repeat;
    color    :   #FFF;
    border-radius    :   3px;
    border   :   1px solid #282828;
}

.lnav .nextprev .nav .popups:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.lnav .nextprev .nav .popups:after {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000000;
	border-width: 5px;
	margin-left: -5px;
    opacity:    0.45;
}
.lnav .nextprev .nav .popups:before {
	border-color: rgba(40, 40, 40, 0);
	border-top-color: #282828;
	border-width: 6px;
	margin-left: -6px;
}

.lnav .nextprev .nav:hover .popups {
    display  :   block;
}

.lnav .bar-charts {
    height   :   22px;
    padding  :   0!important;
    position    :   absolute;
    background  :   #F1F1F1;
    -webkit-border-bottom-left-radius: 10px!important;
    -webkit-border-top-left-radius: 0px!important;
    -webkit-border-bottom-right-radius: 10px!important;
    -moz-border-radius-topleft: 0px!important;
    -moz-border-radius-bottomleft: 10px!important;
    -moz-border-radius-bottomright: 10px!important;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
    overflow    :   hidden;
    width    :   calc(100% - 30px)!important;
    bottom   :   15px;
    z-index  :   999999;
}

.lnav .bar-charts .score-bar {
    background  :   #1ABB9B;
    color    :   #FFF;
    font-weight :   bold;
    font-size   :   14px;
    line-height :   22px;
    text-align  :   right;
    padding  :   0 5px;
    box-sizing  :   border-box;
    top      :   0;
    left     :   0;
    height   :   100%;
}

.pftables {
     border:none;
     padding: 0;
     font-size:20px;
     color: #FFF;
margin: 5px 0 10px 0;
    }
    .pftables tr, .pftables td {
     border:none;
     padding:0;
    }

.pftables tr {
		border-bottom: 1px solid #CCC;
}
    .pftables td {
     padding: 5px 0!important;
     line-height: 34px!important;
    }
    .pftables td strong {
     font-weight: 700!important;
    }
    .pftables td span {
     display:inline-block;
     width: 42px;
     text-align: center;
    }
    .pftables td i {
     font-size: 27px;
     line-height: 32px!important;
     vertical-align: middle;
     color: #FFF;
     margin-right: 15px;
    }

.li-form {
    border-left :   1px solid #CCC;
    padding  :   10px 5px 10px 50px!important;
}

.fields h3, .fields h4, .fields h5 {
	margin   :   10px 0 0 0;
}

.fields h3 {
	font-size			:	19px;
}

.fields h4 {
	font-size			:	17px;
}

.fields h5 {
	font-size			:	15px;
}

.fields .inner {
    background  :   #E1E1E1;
    padding  :   10px;
    box-sizing  :   border-box;
    border-radius    :   5px;
    height   :   auto;
    display  :   block;
    overflow    :   hidden;
}

.fieldspr {
	padding				:	5px 45px 5px 5px;
}

.fieldsr {
	text-align			:	right;
}

.fieldsr h3 {
	text-align			:	right;
}

.fields input[type=text], .fields input[type=password], .fields input[type=number], .fields textarea, .fields select {
    width    :   100%;
    padding  :   15px;
    border   :   1px solid #C9C9C9;
    /*margin   :   1px 0;*/
    background  :   #FFF;
    border-radius    :   4px!important;
    height: 45px;
}

.fields .form-group {
	width: 100%;
}

.fields select {
    height   :   45px;
}

.account-form .fields h2 {
	padding				:	10px 0 0 0;
}

.account-form label {
	font-weight			:	normal;
}

.account-form .form-control, .odates .form-control {
	height				:	50px;
}

.account-form select {
    width    :   100%;
    padding  :   .375rem .75rem;
    border-radius    :   .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.alert {
	margin				:	5px 0 10px 0;	
}

.left {
    text-align  :   left;
}


/* BOTTOM RIGHT CORNER BOX STYLES
-------------------------------------------------------------- */

.arrow_wrapper {
    position: fixed;
    right: 30px;
    bottom: 0;
    display: none;
    z-index: 9999;
    color: #FFF;
    font-family :  'Din', sans-serif!important;
    text-align: center;
}

.arrow_wrapper strong {
    font-family :  'Din', sans-serif!important;
}

.arrow_wrapper .closer {
    font-size: 18px!important;
    line-height: 18px;
    cursor: pointer;
	position: absolute;
    z-index: 10000;
    right: 12px;
    top: 7px;
    opacity: 0.75;
}

.arrow_wrapper .closer:hover {
    opacity: 1;
}

.arrow_box {
	position: relative;
	background: #3EA3B6;
	border: 4px solid #248393;
    width: 550px;
    height: auto;
    min-height: 250px;
    padding: 15px;
    font-size: 17px!important;
    line-height: 22px;
    font-family :  'Din', sans-serif!important;
    -webkit-box-shadow: 1px 1px 20px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 1px 20px 0px rgba(0,0,0,0.25);
    box-shadow: 1px 1px 20px 0px rgba(0,0,0,0.25);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	right: 40px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #3EA3B6;
	border-width: 30px;
	margin-right: -30px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #248393;
	border-width: 36px;
	margin-right: -36px;
}

.nomarg {
    margin: 0 0 0 0!important;
}


/* INBOX STYLES
-------------------------------------------------------------- */

.inbox {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    min-height: 600px;
    background: #E1E1E1!important;
    padding: 10px 0 0 0!important;
    margin-top:-40px;
    position: relative;
}

.inbox .subjects {
    padding: 0;
    min-height: 600px;
}

.inbox .subjects .subject {
    padding: 20px;
    width: 100%;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #F4F4F4;
    background-color: rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.35);
}

.inbox .subjects .subject.active {
    background-color: rgba(255, 255, 255, 0.95);
    background: rgba(255, 255, 255, 0.95);
    cursor: default;
}

.inbox .subjects .subject img {
    float: left;
    margin: 0 10px 30px 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.inbox .subjects .subject .name {
    font-size: 16px;
    margin: 0 0 -4px 0;
    font-weight: bold;
}

.inbox .subjects .subject .type {
    font-size: 14px;
    margin: 0 0 2px 0;
    color: #666;
}

.inbox .subjects .subject .date {
    font-size: 13px;
    color: #E1E1E1;
    position: absolute;
    right: 10px;
    top: 18px;
}

.inbox .subjects .subject.active .date {
    color: #999;
}

.inbox .messages {
    padding: 0 0 0 25px!important;
    background-color: rgba(255, 255, 255, 0.95);
    background: rgba(255, 255, 255, 0.95);
    min-height: 850px;
}

.inbox .messages .message {
    font-size: 16px;
    margin: 20px 0 0 0;
    width: 85%;
    overflow: visible;
}

.inbox .messages .message img {
    float: left;
    margin: 0 10px 0 0;
    border-radius: 50%;
    width: 22px;
    height: 22px;
}

.inbox .messages .message.mright {
    float: right;
}

.inbox .messages .message .msg {
    padding: 15px!important;
    background:#FFF;
    border-radius: 0px 10px 10px 10px;
    -moz-border-radius: 0px 10px 10px 10px;
    -webkit-border-radius: 0px 10px 10px 10px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.15);
    margin: 5px 0 0 0;
    position: relative;
}

.inbox .messages .message.mright .msg {
    background: #EAE6DD;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.10);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.10);
    border: 1px solid #e0dbd0;
}

.inbox .messages .message .msg strong {
    font-family: default;
    font-weight: bold;
}

.inbox .messages .message p.name {
    color: #CCC;
    font-size: 15px;
    margin-bottom: 0;
}

.inbox .messages .message p.name strong {
    color: #000;
    font-weight: bold;
}

.inbox .messages .message p.date {
    color: #999;
    font-size: 14px;
    margin-top: 5px;
}


/*  TESTIMONIALS
--------------------------------------------------*/

.jpu-testimonials .title {
    background: rgba(28, 54, 79, 0.9);
    text-align: center;
    padding: 3px 10px;
}

.jpu-testimonials .title h3 {
    color: #FFF;
    margin: 0;
}

.jpu-testimonials .filters {
    position: absolute;
    background: rgba(0,0,0,0.3);
    width: 100%;
    top: 0;
    left: 0;
    padding: 0 0 0 0;
    z-index: 9998;
}

.jpu-testimonials .filters select {
    padding: 3px 7px;
    height: 30px;
    font-size: 13px;
}

.infoWindow {
    padding: 5px 5px 15px 5px;
    height:100%;
    display:block;
    overflow:visible;
}

.infoWindow blockquote {
    border-left: 0px solid #ccc;
    color: #333;
    font-style: italic;
    font-size: 13px;
    line-height: 18px;
    padding: 0;
    margin: 0 0 5px 0;
    quotes: "\201C""\201D""\2018""\2019";
    width: 100%;
    display: block;
    width: 100%;
    max-width: 275px;
}
.infoWindow blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 3em;
    width: 3em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

.infoWindow .videoWrapper {
    min-width: 275px;
}

.infoWindow .thumb {
    float: left;
    padding: 10px 15px 0 0;
}

.infoWindow .thumb img {
    width: 60px;
    height: auto;
    border-radius: 50%;
}

.infoWindow .details {
    float: left;
    padding: 10px 0 0 0;
}

.infoWindow .details p {
    padding: 0 0 5px 0;
    margin: 0;
}

.infoWindow span {
    display: inline;
}

.infoWindow .hiding {
    display: none;
}

.gm-style .gm-style-iw-c {
    max-height: 350px!important;   
}

.gm-style .gm-style-iw-d {
    max-height: 350px!important;   
}

.gm-ui-hover-effect {
    right: 0px!important;
}

.gm-ui-hover-effect img {
    width: 20px!important;
    height: 20px!important;
}

.listing-wrapper {
    padding: 0 20px;
}

.listing-wrapper .testimonials {
    padding: 17px!important;
}

.listing-wrapper .testimonials .tinner {
    padding: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    border-radius: 10px;
    height:auto;
    display:block;
    overflow:hidden;
    min-height: 400px;
}

.listing-wrapper .fulltest.testimonials {
    padding: 20px 10px;
}

.listing-wrapper .fulltest.testimonials .tinner {
    min-height: 210px;
}

.infoWindow.listing-wrapper blockquote {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}

.infoWindow.listing-wrapper .thumb img {
    width: 65px;
}

.infoWindow.listing-wrapper .tinner p {
    padding: 0;
    margin: 0;
    font-size: 13px;
}

.infoWindow.listing-wrapper .thumb {
    float: left;
    padding: 0 15px 0 0;
}

.infoWindow.listing-wrapper .details {
    float: left;
    padding: 0 0 0 0;
}


/* SPICE RACK STYLES
--------------------------------------------------*/

.spicerack {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
}

.spicerack .spices {
	width: 110px;
	height: 100px;
	padding: 2px;
	box-sizing: border-box;
	float: left;
}

.spicerack .spices .inner {
	width: 106px;
	height: 96px;
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #CCC;
	background: #F7F7F7;
	border-radius: 0;
	position: relative;
	cursor: pointer;
}

.legends {
	line-height: 15px;
    padding: 7px 2px;
}

.legend {
	width: 15px;
	height: 15px;
	margin: 1px 10px 1px 0;
	display: inline-block;
}

.sr_video {
	position: relative;
	margin: 20px 0;
	overflow: visible;
}

.sr_video h1 {
	text-align: center;
	margin: 0 0 5px 0;
}

.sr_video #srreturn {
	position: absolute;
	left: 0;
	top: -5px;
}

.spicerack .spices .inner.interaction, .l_interaction {
	background: #0092C1;
	border: 1px solid #0092C1;
	color: #FFF;
}

.spicerack .spices .inner.content, .l_content {
	background: #FF8601;
	border: 1px solid #FF8601;
	color: #FFF;
}

.spicerack .spices .inner.delivery, .l_delivery {
	background: #00BD99;
	border: 1px solid #00BD99;
	color: #FFF;
}

.spicerack .spices .inner.block1101, .block1101 {
	background: #EE862D;
}

.spicerack .spices .inner.block1102, .block1102 {
	background: #4492A9;
}

.spicerack .spices .inner.block1103, .block1103 {
	background: #4F2D43;
}

.spicerack .spices .inner.block1104, .block1104 {
    background: #822827;
}

.spicerack .spices .inner.block1105, .block1105 {
	background: #6ECDA2;
}

.spicerack .spices .inner.block1106, .block1106 {
	background: #446B7E;
}

.spicerack .spices .inner:hover {
	border: 1px solid #999;
	background: #E1E1E1;
	cursor: pointer;
	transition: all .5s ease;
}

.spicerack .spices .inner:hover.interaction {
	background: #0092C1;
	border: 1px solid #0092C1;
	cursor: pointer;
	transition: all .5s ease;
	opacity: 0.75;
}

.spicerack .spices .inner:hover.content {
	background: #FF8601;
	border: 1px solid #FF8601;
	cursor: pointer;
	transition: all .5s ease;
	opacity: 0.75;
}

.spicerack .spices .inner:hover.delivery {
	background: #00BD99;
	border: 1px solid #00BD99;
	cursor: pointer;
	transition: all .5s ease;
	opacity: 0.75;
}

.spicerack .spices .inner.block1101:hover, 
.spicerack .spices .inner.block1102:hover, 
.spicerack .spices .inner.block1103:hover, 
.spicerack .spices .inner.block1104:hover, 
.spicerack .spices .inner.block1105:hover, 
.spicerack .spices .inner.block1106:hover {
	border: 1px solid transparent;
	background: #333;
    opacity: 0.8;
}

.spicerack .spices .inner .num {
	font-weight: bold;
	color: #FFF;
}

.spicerack .spices .inner .title {
	font-size: 11px;
	position: absolute;
	bottom: 5px;
	left: 5px; 
	width: -webkit-calc(100% - 10px);
    width:    -moz-calc(100% - 10px);
    width:         calc(100% - 10px);
	color: #FFF;
}

.spicerack .spices .inner .icon {
	position: absolute;
	top: 5px;
	right: 5px; 
}

.spicerack .spices .inner .icon img {
	height: auto;
	max-height: 35px;
	width: auto;
	max-width: 60px;
}

.spicerack .fields {
	padding: 2px!important;
}

.spicerack select {
	padding: 5px;
	height: 40px;
}


/* CART STYLES
-------------------------------------------------------------- */

.oc_cart, .oc_cart .table, .oc_cart th, .oc_cart td, .oc_cart strong, .oc_cart small, .alert, .alert .btn {
    font-family :  'Din', sans-serif!important;
}

.oc_cart .table>tbody>tr, .oc_cart .table>tbody>tr>td {
    border: 0; 
}

.oc_cart {
    padding  :   15px;
    overflow-y  :   scroll;
    height   :   100%;
    scrollbar-width  :   none; /* Firefox */
    -ms-overflow-style  :   none;  /* IE 10+ */
}

.occart .closebutton {
	top: 12px!important;
	right: 15px!important;
}

.oc_cart::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.oc_cart h3 {
    font-family :  'Din-Bold', sans-serif;
    margin-bottom    :   10px;
	margin: 0 0 10px 0;
}

.oc_cart h5 {
    font-family :  'Din-Bold', sans-serif;
	margin: 0 0 10px 0;
}

.oc_cart h4 {
    font-family :  'Din', sans-serif;
    margin   :   80px 0 40px 0;
    color    :   #878787;
    font-size   :   30px;
}

/*.oc_cart .upbuts {
    position:absolute;
    left:0;
    margin-top:-10px;
}*/

.oc_cart_new .upbuts {
    margin-top: 25px;
}

.oc_cart_new .divider {
    height: 2px;
    background: #F1F1F1;
    width: 100%;
}

.oc_cart .upbuts .btn-djp {
    font-size: 16px!important;
    background: #2FA155!important;
    margin-top:0!important;
}

.oc_cart .citems {
    height: auto;
    display: block;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #F1F1F1;
}

.oc_cart .citems-new {
    height: auto;
    display: block;
    overflow: visible;
    padding: 40px 0 40px 0;
    position: relative;
    min-height: 550px;
    background: url('https://www.jpuniversity.com/wp-content/uploads/2020/03/David_bg_image-new-1.jpg') no-repeat left top; 
    background-size: auto 100%;
}

.oc_cart .citems-new .cologo {
    position: absolute;
    top: -35px;
    left: 15px;
    background: #FFF;
    padding: 10px;
    z-index: 9999;
    width: 90px;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
}

.oc_cart .citems-title {
    padding: 10px 10px 10px 10px;
    width: 100%;
    margin: 0;
    background: #043657;
    position: relative;
    z-index: 9998;
    color: #FFF!important;
    font-size: 18px;
}

.oc_cart_new .citems-title {
    padding: 10px 0 10px 0;
    width: 100%;
    margin: 0 0 15px 0;
    background: none;
    position: relative;
    z-index: 9998;
    color: #000!important;
    font-size: 18px;
    text-transform: uppercase;
}

.oc_cart_new .citems-title small {
    color: #000!important;
    font-size: 16px;
    text-transform: none;
}

.oc_cart_new .citems-title a {
    text-decoration: underline!important;
}

.oc_cart .citems-title img {
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    height: 75px;
}

.oc_cart_new .citems-title img {
    float: left;
    margin-right: 20px;
    vertical-align: middle;
    height: 100px;
}

.oc_cart .citems-title strong {
    color: #FFF!important;
}

.oc_cart_new .citems-title strong {
    color: #000!important;
}

.oc_cart .citems-title .total {
    color: #FFF!important;
    float: right;
    padding-right: 25px;
}

.oc_cart .citems-title .remove {
    color: #FFF!important;
    float: right;
}

.oc_cart_new .citems-title .total {
    color: #000!important;
    float: right;
    padding-right: 25px;
}

.oc_cart_new .citems-title .remove {
    color: #000!important;
    float: right;
}

.oc_cart .citems-new .items {
    padding: 10px 25px 10px 20px!important;
    background: rgba(255,255,255,0.6);
}

.oc_cart .citems-new .sig {
    width: 150px;
    height: auto;
    margin: 10px 0 10px 0;
}

.oc_cart .citems-new strong {
    font-weight: bold;
}

.oc_cart .citems-new p {
    margin: 0 0 5px 0;
}

.oc_cart #empty_cart2 {
    cursor: pointer;
}

.oc_cart .itemline {
    padding-left: 25px!important;
}

.oc_cart thead, .oc_cart thead tr, .oc_cart tbody, .oc_cart tbody tr {
    border: none!important;
}

.oc_cart .btn-light {
    border-color     :   #E0E0E0;
    cursor   :   pointer;
}

.oc_cart .btn-sm {
    padding  :   6px 10px!important;
}

.oc_cart .fields input[type=text], .oc_cart .fields input[type=number], .oc_cart .fields input[type=password], .oc_cart .fields select {
    border-radius    :   0!important;
    margin   :   0!important;
    height   :   40px!important;
	background: #1C364F;
	color: #FFF;
	border: none;
	border-bottom: 1px solid #CCC;
    padding: 10px 5px;
}

.oc_cart .StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 5px;
	border: none;
	border-bottom: 1px solid #CCC;
    border-radius: 0px;
    background-color: #1C364F;
	color: #FFF;
}

.oc_cart_new .fields input[type=text], .oc_cart_new .fields input[type=number], .oc_cart_new .fields input[type=password], .oc_cart_new .fields select {
    border-radius    :   0!important;
    margin   :   0!important;
    height   :   40px!important;
	background: #FFF;
	color: #000;
	border: none;
	border-bottom: 1px solid #CCC;
    padding: 10px 5px;
}

.oc_cart_new .StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 5px;
	border: none;
	border-bottom: 1px solid #CCC;
    border-radius: 0px;
    background-color: #FFF;
	color: #000;
}

.oc_cart .fields #showpw {
    position    :   absolute;
    cursor   :   pointer;
    top      :   13px;
    right    :   23px;
    color    :   #666;
    z-index  :   999;
}

.oc_cart .fields #showpw i {
    font-size   :   22px;
}

.oc_cart .input-group .input-group-addon {
    width: 35px;
    height: 50px;
    padding: 5px 7px!important;
    text-align: center!important;
	font-size: 17px!important;
	background: #F1F1F1!important;
	border: 1px solid #C9C9C9;
	border-left: 0;
}

.oc_cart .input-group .input-group-addon i {
    margin: 0 auto;
    text-align: center!important;
}

.tright, th.tright {
    text-align  :   right!important;
}

.cartmain {
	padding: 5px 25px 15px 0!important;
}

.cartbar {
	padding: 15px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.30);
	-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.30);
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.30);
	color: #FFF!important;
	position: relative;
	height: auto;
    display: block;
    overflow: visible;
    background:linear-gradient(180deg, rgba(83, 57, 126, 0.85), rgba(28, 54, 79, 0.85)), url("/wp-content/uploads/2021/05/newbg-blur-scaled.jpg");
    background-size:cover;
}

.oc_cart_new .cartbar {
	padding: 15px;
	border-radius: 10px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #000!important;
	position: relative;
	height: auto;
    display: block;
    overflow: visible;
    background:#FFF;
    background-size:cover;
}

.oc_cart_new .cart_left {
    padding-left: 0!important;
}

.oc_cart_new .cart_right {
    padding: 15px!important;
    background: #F7F7F7;
}

.oc_cart_new .dcode {
    float: right;
    margin-right: 0px!important;
    width: 100%;
    padding: 5px;
    background: #E9E9E9;
}

.oc_cart_new .dcode .field {
    padding: 0!important;
}

.oc_cart_new .dcode .field input {
    width: 100%;
}

.oc_cart_new .dcode .button {
    padding: 0 0 0 1px!important;
}

.oc_cart_new .dcode .button .btn {
    width: 100%;
}

.oc_cart_new .cart_new_totals {
    padding: 10px!important;
    font-size: 18px;
    background: #F7F7F7;
}

.oc_cart_new .cart_new_totals .lline {
    background: #FFF;
    padding: 5px 5px!important;
}

.oc_cart_new .cart_new_totals .lbottom {
    border-bottom: 2px solid #F7F7F7;
}

.oc_cart_new .cart_new_totals h5 {
    font-size: 17px;
    margin-bottom: 5px;
}

.oc_cart_new .cart_new_totals strong, .oc_cart_new .cart_new_totals span {
    font-size: 16px;
}

.oc_cart_new .cart_new_totals strong span {
    font-weight: 600!important;
}

.oc_cart_new .dfields {
    display: none;
}

.ElementsApp .InputElement {
	color: #333!important;
}

.ElementsApp, .ElementsApp .InputElement {
    color: #333!important;   
}

.oc_cart_new .ElementsApp .InputElement {
	color: #000!important;
}

.oc_cart_new .ElementsApp, .oc_cart_new .ElementsApp .InputElement {
    color: #000!important;   
}

.cartbar h3 {
	margin: 0 0 5px 0;
	font-size: 14px;
}

.cartbar .btn-sm {
	margin: 0!important;
}

.cartbar #discount {
    color: #000!important;
}


/* DASHBOARD STYLES
-------------------------------------------------------------- */

@media (min-width: 1200px) {
    .page-template-template-online-campus .container {
     max-width   :   1350px;
    }
}

#modal_content {
    text-align  :   left;
    display  :   block;
    height   :   100%!important;
    width    :   100%;
}

#modal_content div, #modal_content span, #modal_content a, #modal_content p, #modal_content li, #modal_content strong, #modal_content h1, #modal_content h2, #modal_content h3, #modal_content h4, #modal_content small {
    font-family :  'Din', sans-serif;
}

#modal_content ul, #modal_content ol {
    padding-left     :   20px;
    margin   :   5px 0;
}

#modal_content li {
    margin-bottom    :   5px;
	list-style-position: inside;
}

#modal_content .meta_inner {
    height   :   auto;
    display  :   block;
    overflow    :   hidden;
}

.dashboard {
    min-height  :   400px;
    padding  :   0px;
    font-family :  'Din', sans-serif!important;
}

.db-inner a.popovers i {
	color: #01BD97!important;
}

.fade {
   opacity: 0;
   -webkit-transition: opacity 0s linear;
      -moz-transition: opacity 0s linear;
       -ms-transition: opacity 0s linear;
        -o-transition: opacity 0s linear;
           transition: opacity 0s linear;
 }

.dashboard .nav-tabs .nav-link {
    opacity  :   1;
    text-decoration  :   none;
}

.dashboard .nav-tabs>li.active>a, .dashboard .nav-tabs>li.active>a:focus, .dashboard .nav-tabs>li.active>a:hover {
    color    :   #FFF;
    background-color    :   #6C7C8E;
    text-decoration  :   none;
}

.dashboard .navi {
    position    :   absolute;
    right    :   35px;
    top      :   35px;
}

.dashboard-header {
    padding  :   10px;
    background  :   transparent url("../images/bg-br4.png") repeat;
    color    :   #FFF;
    font-weight :   bold;
    font-size   :   25px;
    position    :   relative;
    font-family :  'Din', sans-serif!important;
    border-top  :   1px solid #D4BC90;
    height   :   58px;
    width    :   100%;
    clear    :   both;
    padding-left: 10px;
}

.dashboard-header .btn {
    font-family :  'Din', sans-serif!important;
    text-transform   :   uppercase;
    margin   :   0!important;
}

.dashboard-header span {
    float    :   left;
    display  :   inline-block;
}

.dashboard-header span.mobbuts {
    float    :   none;
    display  :   inline;
}

.dashboard-header small {
    color    :   #F1F1F1;
    font-weight :   normal;
    font-size   :   20px;
}

.red {
    color    :   #E13826;
}

.dbg {
    padding  :   20px;
    background  :   #FFF url(https://www.davidjpphillips.com/wp-content/plugins/dphillips-plugin/images/david.jpg) no-repeat center center;
    background-size   :   100%;
    background-size  :   cover;
    min-height  :   800px;
}

.loading, .unpublished {
    position    :   absolute;
    width    :   100%;
    height   :   100%;
    left     :   0;
    top      :   0;
    background  :   #FFF;
    opacity  :   0.6;
    text-align  :   center;
    z-index  :   9999;
}

.loadings {
    position    :   fixed;
    width    :   100%;
    height   :   100%;
    left     :   0;
    top      :   0;
    background  :   #FFF;
    opacity  :   1;
    text-align  :   center;
    z-index  :   99998;
    background: url("/wp-content/uploads/2021/05/newbg-blur-scaled.jpg") center left;
    background-size: cover;
}

.loading.loadingent {
    background: rgb(147,78,106);
background: -webkit-linear-gradient(left, rgba(147,78,106,1) 0%, rgba(212,108,119,1) 48%, rgba(147,78,106,1) 100%);
background: -moz-linear-gradient(left, rgba(147,78,106,1) 0%, rgba(212,108,119,1) 48%, rgba(147,78,106,1) 100%);
background: -o-linear-gradient(left, rgba(147,78,106,1) 0%, rgba(212,108,119,1) 48%, rgba(147,78,106,1) 100%);
background: linear-gradient(to right, rgba(147,78,106,1) 0%, rgba(212,108,119,1) 48%, rgba(147,78,106,1) 100%);
    opacity  :   0.60;
}

.loader {
    position    :   absolute;
    width    :   100%;
    height   :   100%;
    left     :   0;
    top      :   0;
    background  :   #FFF;
    opacity  :   0.50;
    text-align  :   center;
    z-index  :   9999;
}

#map .loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -62px 0 0 -62px;
}

.unpublished {
    position    :   absolute;
    width    :   100%;
    height   :   100%;
    left     :   0;
    top      :   57px;
}

.loading img {
    margin   :   -75px 0 0 -75px;
    position    :   absolute;
    top      :   50%;
    z-index: 999;
}

.loadings img {
    margin   :   -47px 0 0 -150px;
    position    :   absolute;
    top      :   50%;
    z-index: 99999;
}

.loading.loadingent img {
    margin   :   -150px 0 0 -150px;
    position    :   absolute;
    top      :   50%;
}

.loadings img.bg {
    position    :   absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    z-index: 998;
    -webkit-filter: blur(3px); /* Safari 6.0 - 9.0 */
    filter: blur(3px);
    margin: 0;
}

.up-wrap {
    height   :   auto;
    display  :   block;
    overflow    :   hidden;
    position    :   relative;
}

.unpublished {
    opacity  :   0.95;
    z-index  :   9998;
	top: 0;
    /*background: 
    radial-gradient(#EDF2F7 3px, transparent 4px),
    radial-gradient(#EDF2F7 3px, transparent 4px),
    linear-gradient(#fff 4px, transparent 0),
    linear-gradient(45deg, transparent 74px, transparent 75px, #EDF2F7 75px, #EDF2F7 76px, transparent 77px, transparent 109px),
    linear-gradient(-45deg, transparent 75px, transparent 76px, #EDF2F7 76px, #EDF2F7 77px, transparent 78px, transparent 109px),
    #fff;
    background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
    background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;*/
    background: 
    linear-gradient(135deg, #FCFCFC 25%, transparent 25%) -50px 0,
    linear-gradient(225deg, #FCFCFC 25%, transparent 25%) -50px 0,
    linear-gradient(315deg, #FCFCFC 25%, transparent 25%),
    linear-gradient(45deg, #FCFCFC 25%, transparent 25%);	
    background-size: 2em 2em;
    background-color: #FFF;
}

.unpublished.purchasing {
	box-sizing: border-box;
}

.unpublished h3 {
    position    :   absolute;
    width    :   100%;
    top      :   35%;
    text-align  :   center;
    color    :   #6C7C8E!important;
    font-size   :   40px;
}

.unpublished.purchasing .message {
    position    :   absolute;
    width    :   100%;
	height: 100%;
    text-align  :   center;
	left: 0;
	top: 0;
	padding: 50px 15%;
}

.unpublished.purchasing .message .cert {
    width: 33.33%;
	float: left;
}

.unpublished.purchasing .message .cert .inners {
    padding: 0 10px;
}

.unpublished.purchasing h2 {
    width    :   100%;
    text-align  :   center;
    color    :   #6C7C8E!important;
    font-size   :   27px;
}

.tab-content {
    height   :   auto;
    display  :   block;
    overflow    :   hidden;
    position    :   relative;
}

.tab-pane {
    display  :   block;
    max-height  :   100%;
    overflow-y  :   scroll;
    overflow-x  :   hidden;
    scrollbar-width  :   none; /* Firefox */
    -ms-overflow-style  :   none;  /* IE 10+ */
    width    :   100%!important;
    max-width   :   100%!important;
    box-sizing  :   border-box!important;
    padding-right    :   15px;
}

.tab-pane strong {
    font-weight :   600;
    color    :   #282A33;
}

.tab-pane::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.tab-content>.tab-pane {
    padding  :   25px;
    border   :   1px solid #ddd;
    border-top  :   none;
    border-bottom-left-radius:  3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius:  0px;
    border-top-right-radius: 0px;
    /*min-height  :   500px;*/
    height   :   auto;
    overflow    :   visible;
    background  :   #FFF;
    position    :   relative;
}

.tab-content>.tab-pane ul {
    list-style-position :   outside;
    padding  :   5px 0 5px 30px;
}

.tab-content>.tab-pane ul li ul {
    padding  :   5px 0 5px 30px;
}

.tab-content>.tab-pane ul.nav-tabs {
    padding  :   5px 0 0px 0px;
}

.tab-pane img {
    max-width   :   100%;
    height   :   auto;
}

.tab-pane iframe {
    width    :   100%;
    border   :   0px solid #FFF;
    height   :   600px;
    overflow    :   hidden;
}

.tab-pane #respond {
    margin-top  :   20px;
}

.tab-pane #forums {
    height   :   100%;
}

.myaccount .tab-pane {
    padding-right: 40px!important;
}

.nav-tabs .nav-link {
    padding-top :   10px!important;
    background  :   #F1F1F1;
    opacity  :   0.9;
    border-left :   1px solid #E1E1E1;
    color    :   #999;
}

.nav-tabs .nav-link.purchased {
    color    :   #000;
}

.thead {
	background: #CCC;
	border: 1px solid #999;
}

.thead td {
	border-right: 1px solid #999;
	padding: 5px 10px!important;
}

.thead td:last-child {
	border-right: 0px solid #CCC;
}

.tbody {
	border-bottom: 1px solid #CCC!important;
}

.tbody td {
	border-left: 1px solid #CCC;
	padding: 10px!important;
}

.tbody td:last-child {
	border-right: 1px solid #CCC;
}

.card-header {
    padding  :   0;
    margin-bottom    :   0;
    background-color    :   #F7F7F7;
    border-bottom    :   1px solid #CCC;
}

.card-header a {
    color    :   #000;
    display  :   block;
    width    :   100%;
    padding  :   10px;
}

.ebutton {
    position    :   absolute;
    left     :   15px;
    top      :   15px;
    z-index  :   9999;
    opacity  :   0.80;
}

.ebutton:hover {
    cursor   :   pointer;
    opacity  :   1.0;
}

.nav-tabs .nav-link.active {
    opacity  :   1;
}

.nav-tabs>li>a.disabled {
    color    :   #CCC;
}

.nav-tabs>li.active>a.disabled, .nav-tabs>li.active>a.disabled:hover, .nav-tabs>li.active>a.disabled:focus {
    color    :   #BFBFBF;
}

.form-control.success, .form-control.success:focus {
    background  :   #CBEAAD!important;
}

.awrap {
	padding				:	20px 10px;
}

.awrap.odd {
	background			:	#F7F7F7;
	padding				:	15px 10px;
}

.aname {
	margin				:	0 0 0 0!important;
	font-size			:	16px!important;
	line-height			:	20px!important;
}

.ameta {
	font-size			:	14px!important;
	line-height			:	16px!important;
	margin				:	5px 0 0 0!important;
	color				:	#999;
}

.btn-sm {
    padding  :   6px 10px!important;
	font-size: 13px!important;
	line-height: 22px!important;
	height: 34px!important;
}

.btn-sm i {
	font-size: 10px!important;
	line-height: 14px!important;
}

.btn-pfquiz, .btn-pfquiz:hover {
	line-height:9px!important;
	font-size:9px!important;
	margin: 1px 0 0 0!important;
	height: 20px!important;
	background: #DCC5A5!important;
	color: #2B435B!important;
	padding: 5px 5px!important;
}

.btn-pfquiz i {
	font-size: 9px!important;
	line-height: 10px!important;
}

.btn-ent, .btn-ent:hover {
	line-height:9px!important;
	font-size:9px!important;
	margin: 5px 0 0 0!important;
	height: 53px!important;
    width: 53px!important;
    border-radius: 50%!important;
	background: #E68600!important;
	color: #FFF!important;
	padding: 5px 5px!important;
}

.btn-ent i {
	font-size: 9px!important;
	line-height: 10px!important;
}

.qmessages {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(43, 67, 91,.5);
	top: 0;
	left: 0;
	display: none;
}

.qmessages .qmessage {
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 27px;
	line-height: 40px;
	top: 40%;
	padding: 0 15%;
	color: #FFF;
}

.pfsmall {
	font-size: 9px;
	text-align: center;
	line-height: 10px;
	display:block;
	width: 100%;
	color: #666;
}

.fright {
    float    :   right;
}

.inner {
    padding  :   15px;
    background  :   #F7F7F7;
    display  :   none;
}

.vinner {
    padding  :   15px 15px 15px 15px;
    position    :   relative;
    height   :   auto;
    display  :   block;
    overflow    :   hidden;
}

.vinner-wp {
    padding  :   575px 15px 15px 15px;
}

.scroller {
    z-index  :   9999;
}

#if_fwidth:fullscreen .scroller {
    position    :   fixed;
    top      :   80px;
}

.scroller-fixed {
    position    :   fixed;
    /*width    :   700px;*/
    /*left     :   0;*/
    top      :   50px;
    /*margin   :   0 0 0 -350px;
    height   :   500px;*/
}

.scroller-bottom {
    position    :   absolute!important;
    /*width    :   700px;*/
    /*left     :   0;*/
    top      :   auto!important;
    bottom   :   20px!important;
    left     :   auto!important;
    /*margin   :   0 0 0 -350px;
    height   :   500px;*/
}

#minor-publishing {
	padding				:	0!important;
}

.bbtn {
    position    :   absolute;
    right    :   100px;
    top      :   90px;
    z-index  :   9999;
    font-size   :   26px;
}

.bbtn.ddate {
    top      :   75px;
}

.videoWrapper, .video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
    margin-bottom: 10px;
}
.videoWrapper iframe, .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%!important;
}

.vimeo-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 2;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

#signature {
	display				:	block;
	height				:	auto;
	overflow			:	hidden;
	min-height			:	175px;
	border				:	1px dashed #999;
}

#signature canvas {
	display				:	block;
	vertical-align		:	middle;
	height				:	175px!important;
}

.gfbg {
	-webkit-background-size:    cover!important;
    -moz-background-size:   cover!important;
    -o-background-size  :   cover!important;
    background-size  :   cover!important;
	background-image: url('/wp-content/uploads/2021/05/newbg-scaled.jpg');
	background-position: top fixed;
}

.gamification {
	height: 100%;
	width: 100%;
	background: transparent;
	display: block;
	overflow: visible;
}

.gamification .gblocks {
	width: 20%;
	height: auto;
	float: left;
	padding: 60px 20px 20px 20px;
	cursor: pointer;
}

.gamification .gblocks img {
	width: 100%!important;
	height: auto;
	position: relative;
	z-index: 99;
}

.gamification .gblocks .flags {
	position: absolute;
	z-index: 98;
	/*top: -4px;*/
	top: 60px;
	right: 30px;
	width: 59px;
	-webkit-filter: grayscale(60%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(60%);
	opacity: 0.4;
}

.gamification .gblocks .flags.earned {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(0%);
	opacity: 1;
}

.gamification .gblocks .flags.flag2 {
	right: 89px;
	width: 42px;
	/*top: 3px;*/
}

.gamification .gblocks .flags.flag3 {
	right: 131px;
	width: 34px;
	/*top: 0px;*/
}

.gamification .gblocks .gtitle {
	position: absolute;
	z-index: 9999;
	width: 100%;
	text-align: center;
	font-size: 15px;
	line-height: 22px;
	color: #BDF1ED;
	top: 44%;
	left: 0;
	padding: 0 20px;
	cursor: pointer;
}

.gamification .gblocks .gtitle small {
	display: block;
	width: 100%;
	clear: both;
	font-size: 185%;
	line-height: 175%!important;
	opacity: 0.6;
	margin-top: -5px!important;
}

.gamification .gblocks .cstitle {
	position: absolute;
	z-index: 9999;
	width: 50%;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	color: #FFF;
	bottom: 19%;
	right: -10px;
	padding: 0 20px;
	cursor: pointer;
	opacity: 0.3;
	transform: rotate(-45deg);
	 /* Safari */
	 -webkit-transform: rotate(-45deg);
	 /* Firefox */
	 -moz-transform: rotate(-45deg);
	 /* IE */
	 -ms-transform: rotate(-45deg);
	 /* Opera */
	 -o-transform: rotate(-45deg);
}

.comingsoon img {
	-webkit-filter: grayscale(60%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(60%);
	opacity: 0.6;
}

.comingsoon .gtitle {
	opacity: 0.4!important;
}

.gpop {
	margin-top: 50px!important;
	border: none!important;
	background: #f4e8d7!important;
}

.gpop .popover-body {
	border: none!important;
	background: #f4e8d7!important;
}

.gpop .arrow {
	border-top-color: #f4e8d7!important;
}

.gamification h2 {
	text-align: center;
	background: #4D3340!important;
	color: #FFF!important;
	margin: 20px 0 5px 0!important;
	padding: 10px!important;
}

.gamification .box-ui-inner-item:hover .item-hover-text {
	display: block;
	position: absolute;
	top: -140px;
	background: #FFF;
	padding: 10px;
	font-size: 13px!important;
	line-height: 16px!important;
	color: #4D3340;
	height: 100%;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	box-sizing: border-box;
}

.gamification .box-ui-inner-item:hover .item-hover-text:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
	margin-left: -10px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #FFF;
    clear: both;
}

.glaunch {
	height: 100%;
	width: 100%;
	background: #263C61;
	-webkit-background-size:    cover!important;
    -moz-background-size:   cover!important;
    -o-background-size  :   cover!important;
    background-size  :   cover!important;
	background-image: url('../images/earth2.jpg');
	background-position: center center;
	display: block;
	overflow: hidden;
}

.launch_head {
	background: #001d55;
	padding: 20px;
	text-align: center;
	margin-bottom: 15px;
}

.launch_head h2 {
	color: #FFF!important;
	text-align: center;
	font-size: 30px;
    font-family :  'Din', sans-serif;
}

.launch_body {
	padding: 15px 80px;
}

.launch_body .countdowns {
	padding: 0 150px;
}

.launch_body .elementor-countdown-item {
	background: transparent!important;
	padding: 0 0 10px 0!important;
}

.launch_body .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
	padding: 0px 10px!important;	
}


/* ENTERPRISE STYLES
-------------------------------------------------------------- */

.enthead {
    background: rgb(147,78,106);
background: -webkit-linear-gradient(left, rgba(147,78,106,1) 0%, rgba(212,108,119,1) 48%, rgba(147,78,106,1) 100%);
background: -moz-linear-gradient(left, rgba(147,78,106,1) 0%, rgba(212,108,119,1) 48%, rgba(147,78,106,1) 100%);
background: -o-linear-gradient(left, rgba(147,78,106,1) 0%, rgba(212,108,119,1) 48%, rgba(147,78,106,1) 100%);
background: linear-gradient(to right, rgba(147,78,106,1) 0%, rgba(212,108,119,1) 48%, rgba(147,78,106,1) 100%);
    padding: 5px 15px 0 15px!important;
    height: 43px;
}

.enthead select {
    height: 30px!important;
    width: auto!important;
    display: inline!important;
    position: relative!important;
    margin: -2px 5px 0 5px!important;
    padding: 1px 5px 5px 20px!important;
    color: #333!important;
    font-size: 14px!important;
    border: none!important;
    background: transparent!important;
}

.enthead select:first-child {
    margin: -2px 5px 0 15px!important;
}

.enterprise .slide-placeholder-animator {
    border: 1px dashed #FFF;
    background: rgba(255,255,255,0.4);
    box-sizing: border-box;
    float: left;
    display: inline-block;
}

.enterprise #topstats .fields span {
    font-size: 70px;
    text-align: center;
    line-height: 135px;
    width: auto;
    display: inline-block;
    position: relative;
    font-weight: bold;
    color: #535350;
    margin: 25px 0 15px -78px;
    left: 50%;
    width: 155px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 10px solid #F89F1E;
}


#dbcontent {
    padding: 0!important;
}

.user_headers {
    background: #934e6a!important;
    background: -webkit-linear-gradient(left,rgba(28,28,28,1) 0%,rgba(76, 76, 76,1) 48%,rgba(28,28,28,1) 100%)!important;
    background: -moz-linear-gradient(left,rgba(28,28,28,1) 0%,rgba(76, 76, 76,1) 48%,rgba(28,28,28,1) 100%)!important;
    background: -o-linear-gradient(left,rgba(28,28,28,1) 0%,rgba(76, 76, 76,1) 48%,rgba(28,28,28,1) 100%)!important;
    background: linear-gradient(to right,rgba(28,28,28,1) 0%,rgba(76, 76, 76,1) 48%,rgba(28,28,28,1) 100%)!important;
    border-radius: 0!important;
    width:100%;
    padding:3px 7px;
    color:#FFF;
}

.enterprise-menu {
    padding: 20px 20px 20px 0!important;
    background: #F4F4F4;
    box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.2);
    border-left: 1px solid #E1E1E1!important;
    min-height: 100%!important;
}

.enterprise-menu .dividers {
    padding: 5px 0 0 20px;
    height: auto;
    display: block;
    overflow: hidden;
    color: #666;
    margin: 25px 0 5px 0;
    font-size: 13px!important;
    font-weight: 300!important;
}

.enterprise-menu .items {
    padding: 5px 20px;
    height: auto;
    display: block;
    overflow: hidden;
    color: #666;
    cursor: pointer;
}

.enterprise-menu .items.item-sub {
    padding: 5px 20px 5px 50px;
    height: auto;
    overflow: hidden;
    color: #666;
    cursor: pointer;
}

.enterprise-menu .items.item-hide {
    display: none;
}

.enterprise-menu .items.active {
    background: #E7E7E7;
    border-radius: 0 25px 25px 0;
    cursor: default;
}

.enterprise-menu .items .icon, .enterprise-menu .items .text {
    font-size: 14px!important;
    font-weight: 300!important;
}

.enterprise {
    display: block;
    overflow: hidden;
    height: auto;
    padding: 5px;
    background: rgb(147,78,106)!important;
background: -webkit-linear-gradient(left, rgba(147,78,106,1) 0%, rgba(212,108,119,1) 48%, rgba(147,78,106,1) 100%)!important;
background: -moz-linear-gradient(left, rgba(147,78,106,1) 0%, rgba(212,108,119,1) 48%, rgba(147,78,106,1) 100%)!important;
background: -o-linear-gradient(left, rgba(147,78,106,1) 0%, rgba(212,108,119,1) 48%, rgba(147,78,106,1) 100%)!important;
background: linear-gradient(to right, rgba(147,78,106,1) 0%, rgba(212,108,119,1) 48%, rgba(147,78,106,1) 100%)!important;
    border-radius: 0!important;
}

.enterprise .fields {
    padding: 10px!important;
    position: relative;
    overflow: auto;
}

.enterprise .fields i.handle {
    position: absolute;
    z-index: 1000;
    right: 8px;
    top: 6px;
    color: #999;
    cursor: grab!important;
}

.enterprise .nopad {
    padding: 0!important;
}

.enterprise .boxes {
}

.enterprise #map {
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}

.enterprise .map-filters {
    position: absolute;
    height: auto;
    display: block;
    overflow: hidden;
    padding: 0;
    top: 10px;
    left: 10px;
    width: -webkit-calc(100% - 20px);
    width:    -moz-calc(100% - 20px);
    width:         calc(100% - 20px);
    background: rgb(0, 0, 0,.8);
    z-index: 999;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
}

.enterprise .map-filters select {
    padding: 5px 10px!important;
    height: 30px!important;
    font-size: 13px!important;
}

.enterprise .boxes .inner {
    background: #FBFCFE;
    padding: 10px;
    border-radius: 10px;
    min-height: 250px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    position: relative;
}

.enterprise .boxes .inner .loader img {
    top: 50%;
    left: 50%;
    margin: -67px 0 0 -67px;
    position: absolute;
}

.enterprise .boxes .inner h5 {
    font-weight: bold;
    text-align: center;
    margin-top: 0;
    line-height: 23px;
    font-size: 14px;
    position: relative;
}

.enterprise .boxes .inner h5 i {
    font-size: 14px;
    line-height: 14px;
    color: #FF9500;
    position: relative;
    /*left: 0;
    top: 3px;*/
    cursor: pointer;
    z-index: 9999;
}

.enterprise .boxes .inner .fields {
    padding: 4px 5px!important;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.enterprise .boxes .inner .odd {
    background: #F7F7F7;
}

#splash h4 {
    font-size   :   23px!important;
}

#splash .enterprise .fields h4 {
    font-size: 16px!important;
    margin: 0 0 10px 0!important;
}

.enterprise .udash .field {
    padding: 10px!important;
}

.enterprise .fields .inners {
    padding: 15px;
    border-radius: 10px;
    min-height: 200px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);
}

.chart-wrapper {
    position: relative;
}

.chart-bottom {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}

.chart-wrapper {
    position: relative;
    text-align: center;
}

.udash .uchart {
    position: absolute;
    text-align: center;
    right: -25px;
    margin-top: -15px;
    z-index: 999;
}

.udash strong {
    font-weight: 600!important;
}

.gbg {
    background: #F7F7F7;
    padding: 20px 0;
    margin: 20px 0;
    width: 100%;
}

#splash h3.points {
    font-size: 70px!important;
    margin: -15px 0 0 0;
    position: relative;
}

#splash h3.points-sm {
    margin: -40px 0 0 0;
    position: relative;
}

.chart-wrapper .labels {
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    margin-top: -12px;
    margin-left: -5px;
}

.chart-wrapper .labels.white {
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 28px;
    line-height: 28px;
    margin-top: -14px;
    color: #FFF;
    text-shadow: 0px 1px 1px #333;
}

.chart-wrapper .labels.labels-sm {
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    margin-top: -7px;
    margin-left: -5px;
}


/* DIPLOMA STYLES
-------------------------------------------------------------- */

.diplomas {
	display: block;
	padding: 0;
	background: #FFF;
}

.diplomas .titles {
	width: 100%;
	background: #2B435B;
	color: #FFF;
	padding: 10px;
	display: block;
	margin: 20px 0 5px 0;
}

.diplomas .certs {
	display: block;
	padding: 10px 0;
	overflow: hidden;
	height: auto;
}

.diplomas .certs .cert {
	display: block;
	padding: 5px;
	overflow: hidden;
	height: auto;
	float: left;
	width: 20%;
	margin-bottom: 10px;
}

.diplomas .certs .cert .inners {
	display: block;
	width: 100%;
	height: auto;
	background: #F1F1F1;
	border: 0px solid #E1E1E1;
	margin-bottom: 0px;
	position: relative;
}

.diplomas .certs .cert .inners .logo {
	position: absolute;
	width: 100%;
	left: 0;
	top: 15%;
	margin-top: 3px;
	font-size: 9px;
	color: #FFF;
	text-align:center;
	cursor: pointer;
}

.diplomas .certs .cert .inners .logo img {
	width: 28px!important;
}

.diplomas .certs .cert .inners.d110 .logo {
	margin-top: -1px;
}

.diplomas .certs .cert .inners.d110 .logo img {
	width: 24px!important;
}

.diplomas .certs .cert .inners .title {
	position: absolute;
	width: 100%;
	left: 0;
	top: 40%;
	margin-top: 0px;
	font-size: 10px;
	color: #FFF;
	text-align:center;
	background: transparent url("../images/overlay-title-sm.png") bottom center no-repeat;
	background-size: contain;
	padding: 2px 0;
	font-family: "Playfair-Italic", sans-serif!important;
	cursor: pointer;
}

.diplomas .certs .cert .inners .name {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	margin-top: 8px;
	font-size: 11px;
	padding: 5px 0;
	color: #FFF;
	text-align:center;
	background: transparent url("../images/overlay-sm.png") bottom center no-repeat;
	background-size: contain;
	font-family: "Playfair", sans-serif!important;
	cursor: pointer;
}

.diplomas .certs .cert .inners.custom .title, .diplomas .certs .cert .inners.custom .name {
	color: #2B435B;
	background: none;
}

.diplomas .certs .cert .inners.custom .name {
	background: transparent url("../images/diplomas/overlay-trans-sm.png") bottom center no-repeat;
	background-size: contain;
}

.diplomas .certs .cert .inners img {
	filter: grayscale(70%);
	opacity: 0.4;
}

.diplomas .certs .cert .inners.active img {
	filter: grayscale(0%);
	opacity: 1;
	cursor: pointer;
}

.diplomas .certs.accreditations .cert {
	width: 14.28%;
}

.diplomas .certs.accreditations .cert .inners {
	height: auto;
}

.diplomas .certs.accreditations .cert .inners img {
	filter: grayscale(70%);
	opacity: 0.4;
}

.diplomas .certs.accreditations .cert .inners.active img {
	filter: grayscale(0%);
	opacity: 1;
}


/* SNAPSHOT STYLES
-------------------------------------------------------------- */

.snapshot {
    position    :   relative;
    background  :   transparent;
}

.snapshot, .snapshot span, .snapshot div, .snapshot h1, .snapshot h4 {
    font-family :  'Din', sans-serif;
}

.snapshot h1 {
    font-size   :   22px;
}

.snapshot h4 {
    font-size   :   18px;
}

.snapshot .simplebar-wrapper {
    position    :   relative;
    z-index  :   9999999;
}

.snapshot #fireworksField {
    z-index  :   10;
}

.snapshot, .snapshot h1, .snapshot h2, .snapshot h3 {
    color    :   #FFF;
}

.snapshot .splash-buts .desc {
    font-size   :   22px!important;
}

.snapshot .charts {
    padding  :   0!important;
}

#splash .donuts {
    width    :   100%;
    height   :   auto;
    position    :   relative;
    margin-bottom    :   5px;
}

#splash .donuts .chart-score {
    position    :   absolute;
    width    :   100%;
    top      :   50%;
    margin-top  :   -23px;
    text-align  :   center;
    font-size   :   30px;
    font-weight :   bold;
    color    :   #FFF;
}

.snapshot .donuts .chart-score {
    font-size   :   18px!important;
    margin-top  :   -10px!important;
}

#splash h1 {
    font-size   :   40px!important;
}

#splash h2 {
    font-size   :   30px!important;
}

#splash h3 {
    font-size   :   28px!important;
}

#splash h3.popover-title {
    font-size: 15px!important;
}

#splash .donuts canvas {
}

#splash .topfull img {
    width    :   100%;
}

#splash img {
    max-width   :   100%!important;
    width    :   auto;
}

#splash li {
    color: #7a7a7a!important;
}

.sidebar .first {
    background-color: #f2f5f7;
    padding: 20px;
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 700;
    height: auto;
    display: block;
    overflow: hidden;
}

.first p {
    letter-spacing: 1px;
    margin: 10px 0;
    padding: 2px 0;
    width: 100%;
    clear: both;
}

.first i {
    color: #e11414;
}

.ispan {
    color: #e11414;
    font-family: quicksand;
    letter-spacing: 1px;
}

.points-total {
    padding  :   40px 0;
}

.points-total h1 {
    text-align  :   center;
    font-size   :   60px;
}

.points-total h1 .gamipress-user-ranks {
    display  :   inline;
    width    :   auto;
}

.points-total h1 .gamipress-rank {
    width    :   auto;
    margin   :   0;
    display  :   inline-block;
}

.points-total h1 .gamipress-rank-image {
    padding  :   0!important;
    margin   :   0!important;
    width    :   auto!important;
}

.points-total h1 .gamipress-rank-image img {
    height   :   60px!important;
    width    :   67px!important;
    position    :   relative;
    margin-top  :   -5px;
}

.points-total h3 {
    text-align  :   center;
    font-size   :   30px;
}

.points-total h4 {
    font-weight :   bold;
}

.points-total .charts {
    display  :   none;
}

.points-total .donuts .chart-score {
    color    :   #000!important;
}

.lock i {
    font-size   :   80px;
    color    :   #EDA95E;
}

.chartfw {
    position    :   relative!important; 
}

.chat {
    border   :   1px solid #E1E1E1;
}

#gamipress-achievements-filter select {
    width    :   auto;
    max-width   :   100%;
    margin   :   0px;
    display  :   inline;
    padding  :   5px;
    font-size   :   90%;
    height   :   35px;
}

.gamipress-achievement {
    border-bottom    :   1px solid #E2E2E2!important;
    padding  :   15px 15px 25px 15px!important;
}

.gamipress-achievement-title {
    font-size   :   24px;
}

.gamipress-achievement-unlock-with-points-button {
    background  :   #000;
    font-size   :   14px;
    color    :   #FFF;
    border   :   1px solid #000;
    padding  :   5px 10px;
    border-radius    :   2px;
    text-transform   :   uppercase;
}


/* FIREWORKS STYLES
-------------------------------------------------------------- */

#fireworksField {
    position    :   fixed!important;
    z-index  :   999998;
	opacity: .75;
}

.congrats {
    position    :   fixed;
    width    :   50%;
    text-align  :   center;
    font-size   :   60px;
    line-height :   60px;
    color    :   #FFF;
    z-index  :   999999;
    top      :   50%;
    left     :   25%;
    margin-top  :   -30px;
    display  :   none;
    font-family :   "Din-Bold", sans-serif!important;
}

.congrats span {
    opacity  :   0;
    font-family :   "Din-Bold", sans-serif!important;
    z-index  :   9999999999999;
}


/* DASHBOARD STYLES
-------------------------------------------------------------- */

.previews {
    padding  :   25px;
    text-align  :   right;
    position    :   relative;
}

.previews img {
    max-width   :   100%;
    height   :   auto;
}

.previews .overlay {
    width    :   100%;
    left     :   0;
    top      :   30%;
    padding  :   0;
    position    :   absolute;
}

.previews .overlay .overlays {
    width    :   100%;
    padding  :   45px 17%;
    background  :   #999;
    opacity  :   0.9;
    font-size   :   40px;
    line-height :   55px;
    color    :   #FFF;
    margin-bottom    :   40px;
    text-align  :   center;
}

.yellow {
    color    :   #E7BA31!important;
}

.previews .overlay .btn-join {
    padding  :   15px 50px!important;
    font-size   :   28px!important;
    color    :   #FFF;
    background  :   #E7BA31!important;
    border   :   1px solid #E7BA31!important;
}

.dashboard h5 {
    color    :   #000;
    font-size   :   21px;
    margin-bottom    :   15px!important;
    font-family :  'Din', sans-serif!important;
}

.db-columns, .db-sections {
    float    :   left!important;
    padding  :   5px!important;
}

.db-columns.first {
    padding  :   20px 15px 15px 15px!important;
    border-left :   1px solid #E1E1E1;
    background-color: rgba(247, 247, 247, .92);
}

.db-columns.first-border {
    border-left :   none;
    padding  :   0 0 0 0!important;
    background-color: rgba(255, 255, 255, .88);
}

.db-columns.bot-border {
    border-bottom    :   1px solid #E1E1E1;
    padding  :   0 5px 0 5px!important;
}

.bar-label {
    padding  :   0 0 0 0!important;
    color    :   #000;
    font-size   :   15px;
    line-height :   15px;
    text-transform   :   uppercase;
    width    :   28.33333333%!important;
    text-align  :   center;
    line-height :   60px;
}

.bar-charts {
    height   :   60px;
    padding  :   0!important;
    position    :   relative;
    background  :   #F1F1F1;
    width    :   100%;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow    :   hidden;
    width    :   46.666666%!important;
    cursor   :   pointer;
}

.bar-charts .score-bar {
    background  :   #1ABB9B;
    top      :   0;
    left     :   0;
    height   :   100%;
}

.bar-total {
    padding  :   0 0 0 15px!important;
    text-align  :   center;
    font-size   :   28px;
    line-height :   60px;
}

.circles {
    text-align  :   left;
    padding-left     :   5px!important;
}

.circles img {
    width    :   100px;
    height   :   auto;
}

.chart_wrap {
    height   :   auto;
    display  :   block;
    overflow    :   hidden;
    position    :   relative;
}

.chart_wrap .inners {
    position    :   absolute;
    width    :   100%;
    height   :   100%;
    top      :   0;
    left     :   0;
    background  :   url("../images/bg-gr.png") repeat;
    opacity  :   1;
    padding  :   75px 25px 25px 25px!important;
    font-size   :   20px;
    line-height :   28px;
    text-align  :   center;
    z-index  :   999;
}

.db-score {
    padding  :   15px 0!important;
    font-size   :   70px;
    line-height :   50px;
    font-weight :   bold;
    text-align  :   center;
    color    :   #000;
    border-right     :   1px solid #E1E1E1;
}

.db-score span {
    font-size   :   40px;
    line-height :   40px!important;
    font-weight :   bold;
    color    :   #000;
}

.db-score p {
    font-size   :   28px;
    line-height :   0px!important;
    margin   :   20px 0 0 0!important;
    color    :   #000;
}

.db-overview {
    padding  :   15px 5px 25px 5px!important;
}

.db-overview.db-nb {
    padding  :   0px!important;
}

.popover-header {
    background  :   #6C7C8E;
}

.popover-title {
    color    :   #FFF!important;
    background  :   #6C7C8E!important;
    font-size   :   15px!important;
}

.db-pie-charts {
    position    :   relative;
    text-align  :   center;
    padding  :   25px 5px 20px 5px!important;
    cursor   :   pointer;
}

.db-pie-charts .banner {
    position: absolute;
    left: 15%;
    display: block;
    margin: 0;
    width: 70%;
    height: 34px;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #FFF;
    background: #9b2;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.15) inset,
   0 3px 5px rgba(0,0,0,.15);
    z-index: 999!important;
}

.db-pie-charts .banner::before,
.db-pie-charts .banner::after {
    content: '';
    position: absolute;
    z-index: -1!important;
    left: -19px;
    top: 8px;
    display: block;
    width: 20px;
    height: 0px;
    border: 10px solid #9b2;
    border-right: 12px solid #791;
    border-bottom-color: #94b81e;
    border-left-color: transparent;
    transform: rotate(-5deg);
}

.db-pie-charts .banner::after {
    left: auto;
    right: -19px;
    border-left: 12px solid #791;
    border-right: 10px solid transparent;
    transform: rotate(5deg);
}

.db-pie-charts span {
    font-weight :   bold;
    color    :   #000;
    font-size   :   14px;
    line-height :   20px;
    position    :   absolute;
    width    :   100%;
    left     :   0;
    top      :   0;
}

.db-pie-charts .donuts {
    width    :   100%;
    height   :   auto;
    position    :   relative;
    margin-bottom    :   5px;
}

.db-pie-charts .donuts .chart-score {
    position    :   absolute;
    width    :   100%;
    top      :   50%;
    margin-top  :   -18px;
    text-align  :   center;
    font-size   :   23px;
    font-weight :   bold;
    color    :   #000;
}

.db-pie-charts .donuts canvas {
}

.adminfb {
    padding  :   10px 5px!important;
    border-top  :   1px solid #F1F1F1;
    line-height :   20px;
}

.adminfb em p {
    margin   :   5px 0!important;
}

.stage {
    padding  :   20px 10px 5px 5px!important;
    min-height  :   680px;
}

.stage .spfirst {
    width    :   22%;
}

.skillset h1 {
    font-weight :   bold!important;
    text-transform   :   none!important;
    color    :   #000!important;
    font-size   :   23px!important;
    line-height :   28px!important;
}

.skillset h4 {
    font-weight :   bold!important;
    text-transform   :   none!important;
    color    :   #000!important;
    font-size   :   15px!important;
    line-height :   28px!important;
}

.skillset .skillset-count {
    font-size   :   80px!important;
    line-height :   100px!important;
    color    :   #000!important;
}

.feedback {
    color    :   #333;
    font-size   :   18px;
    line-height :   22px;
    padding  :   20px 0 0 0!important;
    border-left :   1px solid #F4F4F4;
}

.feedback h5 {
    margin-bottom    :   5px!important;
}

.feedback .feedback-wrapper {
    min-height  :   350px;
    max-height  :   350px;
    width    :   100%;
    overflow    :   visible;
    padding  :   0 15px;
}

.feedback .feedback-wrapper p {
    margin   :   0 0 5px 0;
}

.feedback small {
    color    :   #999;
    font-size   :   13px;
    line-height :   14px;
}

.feedback .nums {
    font-weight :   bold;
    color    :   #8C9597;
    font-size   :   17px;
}

.accreditation-wrapper {
    margin-top  :   25px;
    border-top  :   1px solid #F4F4F4;
    padding  :   25px 0;
    text-align  :   center;
    min-height  :   210px;
}

.accreditation-wrapper img {
    max-width   :   75%!important;
    height   :   auto;
}

.analysis-inner {
    /* The image used */
      background-image: url("https://www.headgain.com/wp-content/uploads/2021/05/newbg-scaled.jpg");

      /* Add the blur effect */
      filter: blur(5px);
      -webkit-filter: blur(5px);

      /* Full height */
      height: 100%;
      width: 100%;
      position: absolute;

      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
}

.db-inner  {
    background  :   transparent;
    padding  :   0!important;
    position    :   relative;
	display: block;
}

.db-inner h5 {
    font-weight :   600!important;
}

.db-inner h5 i {
    color    :   #999!important;
}

.db-inner h5 i:hover {
    color    :   #333;
}

.vwrap {
    background  :   #F9F9F9;
    padding  :   20px 5px 15px 5px!important;
}

.db-sections.video {
    opacity  :   1;
    position    :   relative;
    padding  :   10px 10px 10px 10px!important;
    color    :   #333;
}

.db-sections.video small {
    color    :   #666;
}

.db-sections.video .overlay {
    position    :   absolute;
    background  :   transparent;
    width    :   100%;
    height   :   100%;
    left     :   0;
    top      :   0;
    cursor   :   pointer;
    z-index  :   9999;
}

.db-sections.video:hover {
    opacity  :   1;
}

.db-sections.video.selected, .db-sections.video.selected:hover {
    opacity  :   1;
    background  :   #1ABB9B;
    color    :   #FFF;
}

.db-sections.video.selected small, .db-sections.video.selected:hover small {
    color    :   #F1F1F1;
}

.db-sections.video.upload {
    opacity  :   0.75;
    transition  :   all .35s ease;
    position    :   relative;
}

.db-sections.video.upload .inners {
    background  :   transparent;
    position    :   relative;
    text-align  :   center;
    width    :   100%;
    height   :   185px;
    min-height  :   185px;
    padding  :   5px 15px!important;
}

.db-sections.video.upload .inners h5 {
    color    :   #000;
    font-size   :   19px;
    margin-top  :   5px!important;
}

.db-sections.video.upload .inners i {
    font-size   :   120px;
    color    :   #E57307;
    position    :   absolute;
    line-height :   120px;
    top      :   50%;
    left     :   50%;
    margin   :   -10px 0 0 -60px;
    z-index  :   998;
}

.db-sections.video.upload .popovers {
    position    :   absolute;
    right    :   0px;
    top      :   10%;
    z-index  :   999;
}

.db-sections.video.upload .popovers i {
	color: #01BD97!important;
    font-size   :   20px;
}

.db-sections.video.upload:hover {
    opacity  :   1;
    cursor   :   pointer;
}

#submatrix, #subreport, #subcontent {
    padding  :   0px!important;
    font-family :  'Din', sans-serif!important;
}

#subreport .inner {
    padding  :   0px!important;
}


/* MATRIX STYLES
-------------------------------------------------------------- */

.pfstart.bar {
    display  :   inline;
    background  :   #053658;
    color    :   #FFF;
    cursor   :   pointer;
    height   :   143px;
    width    :   145px;
    box-sizing  :   border-box;
    padding  :   20px 10px;
    float    :   left;
	position: relative;
	z-index: 999999;
}

.pfstart {
	z-index: 999999;
}

.pfstart a {
    display  :   block;
    padding  :   5px 10px;
    width    :   100%;
    font-size   :   18px;
}

.pfstart a i {
    font-size   :   70px;
    color    :   #DDAC42;
}

.pfblocks {
    position: absolute;
    right: 0;
    top: 2px;
    height: 143px;
    width: 143px;
    background: rgba(0,0,0,0.5);
    padding: 15px;
    color: #DDAC42;
    font-size: 20px;
    box-sizing: border-box;
    z-index: 9999;
    cursor: pointer;
    transition: all .20s ease-in;
}

.pfblocks:hover {
    background: rgba(0,0,0,0.9);
}

.pfblocks .pfinner {
    width: 100%;
    height: 100%;
    border: 5px solid #DDAC42;
    border-radius: 50%;
}

.pfblocks .pfinner span {
    line-height: 107px;
    display: block;
    text-align: center;
}

.pfblocks.pfdiploma {
    right: 148px;
}

.pfblocks.pfquiz {
    right: 296px;
}

.pfheader img {
    width    :   110px!important;
    height   :   auto!important;
}

.popover {
    padding  :   5px;
    z-index  :   9999!important;
}

.remodal .popover {
    z-index  :   100000000!important;
}

.popover .arrow {
    z-index  :   9999999!important;
}

.popover-title {
    font-size   :   16px!important;
}
.popover-content {
    padding  :   5px;
    font-size   :   15px;
    font-family :   'Din', sans-serif!important;
}

.popover-header {
    background  :   #6C7C8E;
    font-size   :   14px!important;
}

.popover-title {
    color    :   #FFF!important;
    background  :   #6C7C8E!important;
    font-size   :   17x!important;
    font-family :   'Din', sans-serif!important;
    padding  :   4px!important;
}
	
.remodal {
    max-width   :   75%!important;
    max-height  :   90%!important;
    min-height  :   90%!important;
    overflow    :   hidden;
}

.lcon {
    height   :   auto;
    display  :   block;
    padding  :   15px 0 15px 15px!important;
    position    :   relative;
    z-index  :   2;
    background  :   #FFF;
}

.closebutton {
    z-index  :   9999;
    top      :   26px!important;
    right    :   38px!important;
    width    :   30px!important;
    height   :   30px!important;
    border-radius    :   50%!important;
    color    :   #FFF!important;
    cursor   :   pointer;
    background  :   #31A9C0;
    opacity  :   0.85;
    padding  :   4px!important;
    font-size   :   19px!important;
    line-height :   19px!important;
    text-align  :   center!important;
	display:none;
}

.remodal-is-opened .closebutton {
	display: block;
}

.custom-menu {
	display: none;
	position: absolute;
	width: 90%;
	left: 5%;
	background: rgba(0, 0, 0, .90);
	min-height: 180px;
	height: auto;
	overflow: hidden;
	z-index: 9999;
	border-radius: 10px;
	margin-top:1px;
	border: 1px solid #333;
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
}

.custom-menu .cc-top {
	background: #DDAC41;
	color: #000;
	text-align: center;
	font-size: 24px;
	padding: 5px 0;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	position: relative;
}

.custom-menu .cc-top .cc-close {
	font-size: 24px;
	position: absolute;
	right: 15px;
	top: 7px;
	cursor: pointer;
}

.custom-menu .cc-inner {
	padding: 15px;
	display: block;
	overflow: hidden;
	height: auto;
}

.custom-menu .cc-inner .cc-sections {
	padding: 0!important;
}

.custom-menu .cc-inner .cc-sections.cc-dividers {
	padding: 0 20px!important;
	border-right: 2px solid #FFF;
}

.custom-menu .cc-inner .cc-sections.cc-dividers:last-child {
	border-right: 0px solid #FFF;
}

.custom-menu .cc-inner .cc-sections h5 {
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 5px 0!important;
	color: #DDAC41;
}

.custom-menu .cc-inner .cc-sections .cc-select {
	font-size: 1px!important;
	line-height: 32px;
	color: #FFF;
	cursor: pointer;
}

.cc-unavailable {
	color: #999;
	cursor: default;
    opacity: 0.75;
}

.pfstart {
	display: block;
	overflow: hidden;
	height: auto;
	z-index: 99999;
}


/* BLENDED
-------------------------------------------------------------- */

.blended-parent {
    padding: 10px!important;
}

.blended {
    padding: 25px;
    background: #000;
    color: #FFF!important;
    position: relative;
}

.blended .fireloader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -180px 0 0 -240px;
    opacity: 0.6;
}

.blended::before {
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(0,0,0,1) 75%);
    background: -moz-linear-gradient(rgba(255,255,255,0) 0%, rgba(0,0,0,1) 75%);
    background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(0,0,0,1) 75%);
    background: linear-gradient(rgba(255,255,255,0) 0%, rgba(0,0,0,1) 75%);
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%; 
    z-index: 1;
}

.blended::after {    
    content: "";
    background-size: cover;
    position: absolute;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%; 
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    z-index: 0;
}

.blended .simplebar-wrapper {
    z-index: 99;
    position: relative;
}

.blended h2 {
    letter-spacing: 15px;
    font-weight: 300;
    font-size: 25px!important;
    line-height: 25px!important;
    text-shadow: 0px 0px 5px #000000;
}

.blended h2.maintitle {
    letter-spacing: 0px;
    font-weight: 600;
    margin-bottom: 80px!important;
}

.blended .slideout {
    opacity: 0;
}

.ml11 .pointer {
    font-size: 100px;
    position: absolute;
    left: 252px;
    top: 5px;
    z-index: 999;
}

h1.ml11 {
    opacity: 0;
}

h1.ml11, h1.ml11 span {
    text-transform: uppercase;
    font-weight: 600!important;
    font-size: 47px!important;
    text-shadow: 0px 0px 5px #000000;
}

.ml11 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml11 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 100%;
  width: 4px;
  background-color: #CCA540!important;
  transform-origin: 0 30%;
}

.ml11 .line1 { 
  top: 7px; 
  left: 0;
}

.ml11 .letter {
    display: inline-block;
}

.blended h3 {
    text-transform: uppercase;
    text-shadow: 0px 0px 5px #000000;
}

.blended h3 a {
    text-transform: lowercase;
}

.blended h3 strong {
    color: #FFF;
    font-size: inherit!important;
}

.blended_page a {
    color: #CCA540!important;
    font-family: 'Din', sans-serif!important;
}

.blended_page .coaches {
    padding: 0 15px 0 0;
    font-size: 19px;
    opacity: 0;
}

.blended_page .coaches img {
    width: 35%;
    height: auto;
    border-radius: 5px;
    opacity: 0;
    float: left;
    margin-right: 15px;
    border: 3px solid transparent;
}

.blended_page .coaches h3 {
    font-weight: 600;
}

.blended_registration {
    padding: 0;
    margin: 10px 0;
    position: relative;
}

.blended_registration h3 {
    font-weight: 600;
    margin: 0 0 5px 0;
    font-size: 20px;
    text-transform: uppercase;   
}

.blended_registration .sess_select {
    padding: 7px 10px 5px 10px;
    display: block;
    height: auto;
    overflow: hidden;
    margin: 0 0 0 0;
    padding-left: 30px;
    position: relative;
    background: #222933;
    color: #CCC;
    border-radius: 5px;
}

.blended_registration .sess_select:before {
    content: "\2715";
    color: #CCC;
    position: absolute;
    left: 10px;
    top: 7px;
    font-weight: 600;
}

.blended_registration .sess_select:hover {
    cursor: pointer;
    background: #333;
}

.blended_registration .sess_select label {
    margin: 0;
    width: 100%;
    display: block;
    font-weight: 600;
    cursor: pointer;
}

.blended_registration .sess_select.selected {
    background: #CCA540;
    color: #FFF;
}

.blended_registration .sess_select.selected:before {
    content: "\2713";
    color: #FFF;
    position: absolute;
    left: 10px;
    top: 7px;
    font-weight: 600;
}

.blended_registration .sess_select.selected:hover {
    cursor: default;
}

.blended_registration .sess_select.selected label {
    color: #FFF!important;
}

.blended_registration .sess_dates {
    padding: 15px 10px;
    color: #000;
}

.blended_registration .dpointer {
    font-size: 100px;
    position: absolute;
    left: 152px;
    top: 25px;
    z-index: 999;
    opacity: 0;
}

.blended_registration .btn-djp {
    background-color: #40CCA5!important;
}

.blended_registration #dset {
    display: inline;
}

.sc_sessions {
    width: 50%;
    float: left;
    height: auto;
    display: block;
    overflow: hidden;
    padding: 15px;
}

.sc_sessions .ttl {
    color: #FFF;
}

.sessions {
    padding: 15px;
    width: 16.66%!important;
    height: auto;
    display: block;
    overflow: visible;
    opacity: 0;
}

.sessions.single {
    width: 100%!important;
}

.sc_sessions .sessions {
    padding: 10px;
}

.sessions .inner {
    padding: 33px 5px 5px 5px;
    background: #F1F1F1;
    /*background-color: rgba(165,64,204,0.55);*/
    border: 1px solid #000;
    border-radius: 10px;
    position: relative;
    display: block!important;
    overflow: visible!important;
}

.sessions .datedrop {
    height: auto;
}

.sessions.single .inner {
    padding: 10px;
}

.sessions .session_num {
    padding: 0;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    background: #222933;
    border-bottom: 1px solid #937320;
    color: #FFF;
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    -webkit-box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.60); 
    box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.60);
}

.sessions .session_num .dot {
    position: absolute;
    left: 7px;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
    z-index: 98;
}

.sessions .session_num .dotr {
    left: auto;
    right: 7px;
}

.sessions .session_num .bar {
    position: absolute;
    left: 9px;
    top: -4px;
    width: 4px;
    height: 17px;
    border-radius: 5px;
    background: #CCC;
    z-index: 99;
}

.sessions .session_num .barr {
    left: auto;
    right: 9px;
}

.sessions span {
    width: 100%;
    font-size: 48px!important;
    line-height: 51px!important;
    display: block;
    text-align: center;
    font-weight: 600!important;
    font-family: 'Din', sans-serif!important;
    color: #0E1217;
}

.sc_sessions .sessions span {
    font-size: 35px!important;
    line-height: 40px!important;
}

.sessions span.smalls {
    font-size: 22px!important;
    letter-spacing: 1px;
    line-height: 24px!important;
    font-weight: 400!important;
    text-transform: uppercase;
}

.sessions span.smaller {
    font-size: 21px!important;
    letter-spacing: 0.5px;
    line-height: 25px!important;
    font-weight: 300!important;
}

.sessions span.smallest {
    font-size: 12px!important;
    line-height: 20px!important;
    font-weight: 300!important;
}
/* END BLENDED */

.matrix {
    margin   :   0;
    width    :   100%;
    display  :   block;
    height   :   auto;
    overflow    :   hidden;
    padding  :   2px;
}

.matrix .blocks {
    padding  :   0!important;
    float    :   left;
    width    :   7.6923%;
}

.matrix .blocks.blocks-top {
    padding  :   0 0 0 0!important;
    float    :   left;
    width    :   7.6923%;
    text-align  :   center;
}

.matrix .blocks.blocks-top h5 {
    font-size   :   14px;
    margin   :   0!important;
    color    :   #6C7C8E;
}

.matrix #td_28285, .matrix #td_28285_alt, .matrix #bd_28285 {
    /*background-color: rgba(132, 38, 98,0.7);*/
    background-image: linear-gradient(to right, rgba(0, 0, 0,0.4), rgba(0, 0, 0,0));
    width: 13px;
}

.matrix .llfirst {
    /*background-color: rgba(132, 38, 98,0.7);*/
    background-image: linear-gradient(to left, rgba(0, 0, 0,0.4), rgba(0, 0, 0,0))!important;
}

.matrix .blocks.blocks-top h5 #ll_selector {
    width: 100%;
    padding: 5px 35px 5px 5px;
    height: 28px;
    margin-top: 5px;
    border-color: #54103b;
    cursor: pointer;
    font-size: 13px;
    font-weight: 300!important;
    text-transform: uppercase;
    text-shadow: none!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(https://www.headgain.com/wp-content/uploads/2020/03/arrow-208-16.png) 96% / 15% no-repeat #842662;
    background-size: 12px;
}

/* CAUTION: Internet Explorer hackery ahead */

.matrix .blocks.blocks-top h5 #ll_selector::-ms-expand {
    display: none; /* Remove default arrow in Internet Explorer 10 and 11 */
}

.matrix .blocks-top.blocks-2 {
    width    :   15.3846%;
}

.matrix .blocks-top.blocks-3 {
    width    :   23.0769%;
}

.matrix .blocks-top.blocks-5 {
    width    :   38.4615%;
}

.matrix .blocks-top.blocks-100 {
    width    :   100%;
}

.matrix .blocks .tdivider {
    width    :   100%;
    height   :   5px;
    background  :   #6C7C8E;
    margin   :   5px 0 5px 0;
}

.matrix .block, .remodal .block {
    padding  :   0!important;
    border-top  :   1px solid #FFF;
    border-right     :   1px solid #FFF;
    width    :   100%;
    box-sizing  :   border-box;
    cursor   :   pointer;
    opacity  :   1;
    position    :   relative;
}

.matrix .block:hover, .remodal .block:hover {
    opacity  :   1;
}

.matrix .block .inside, .remodal .block .inside {
    padding  :   10px;
    min-height  :   100px;
    color    :   #FFF;
    font-size   :   22px;
    line-height :   22px;
    font-weight :   bold;
    position    :   relative;
    background  :   #DBDBDB;
    text-shadow :   none;
}

.inside.course-menu {
    background: rgba(0, 0, 0, .90);
    text-align: center;
    position: relative;
}

.inside.course-menu img {
    position: absolute;
    width: 200px;
    left: 50%;
    right: auto;
    top: 50%;
    margin: -35px 0 0 -100px;
}

.matrix.matrix-courses .blocks-top .inside.course-menu h5 {
    color: #FFF!important;
    text-shadow: none!important;
    text-align: left;
    padding-left: 15px!important;
}

.inside.course-menu.courses {
    background: rgba(0, 0, 0, .90)!important;
    height: 100%;
    position: absolute;
    width: 100%;
    padding: 45px 15px 15px 15px;
    color: #FFF;
    text-align: left;
}

.inside.course-menu.courses h5.ttitle {
    background: #DDAC41;
    color: #FFF;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 5px 0 3px 0;
    z-index: 999;
}

.inside.course-menu.courses h5 {
    color: #DDAC41;
    font-size: 18px;
    margin: 0 0 0px 0!important;
    text-transform: uppercase;
}

.inside.course-menu.courses div {
    cursor: pointer;
    font-size: 16px!important;
    font-family: 'Din', sans-serif!important;
}

.inside.course-menu.courses div:hover {
    cursor: pointer;
    color: #DDAC41;
}

.inside.course-menu.courses div.cc-selected {
    color: #000;
    background: #DDAC41;
    display: block;
    padding: 0 7px;
    margin: 1px 0 3px 0;
    position: relative;
    line-height: 26px;
}

.inside.course-menu.courses div.cc-selected:after,
.inside.course-menu.courses div.cc-selected:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.inside.course-menu.courses div.cc-selected:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #DDAC41;
  border-width: 10px;
  margin-top: -10px;
}
.inside.course-menu.courses div.cc-selected:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #DDAC41;
  border-width: 13px;
  margin-top: -13px;
}

.matrix.matrix-courses {
    display  :   flex;
    flex-wrap   :   nowrap;
    overflow-x  :   auto;
    padding  :   1px!important;
    scrollbar-width  :   none; /* Firefox */
    -ms-overflow-style  :   none;  /* IE 10+ */
}

.matrix.matrix-courses::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.matrix.matrix-courses .bottom {
    display  :   flex;
    flex-wrap   :   nowrap;
    margin-top  :   150px;
    background  :   transparent;
}

.matrix.matrix-courses .top {
    height   :   150px;
    clear    :   both!important;
    width    :   100%;
    position    :   absolute;
    display  :   flex;
    flex-wrap   :   nowrap;
    background  :   transparent;
}

.matrix.matrix-courses .blocks {
    width    :   100px;
    flex     :   0 0 auto;
    max-width   :   none!important;
}

.matrix.matrix-courses .blocks.blocks-wide {
    width    :   200px;
}

.matrix.matrix-courses .blocks .block:last-child {
    border-bottom    :   1px solid #FFF;
}

.matrix.matrix-courses .blocks.blocks-border .block {
    border-left :   1px solid #FFF;
}

.matrix.matrix-courses .blocks.blocks-divider {
    width    :   3px;
    flex     :   0 0 auto;
    max-width   :   none!important;
    height   :   100%;
    background  :   transparent;
}

.matrix.matrix-courses .blocks-top {
    height   :   150px;
    position    :   relative;
    border   :   1px solid #FFF;
}

.matrix.matrix-courses .blocks-top .inside {
    width    :   100%;
    height   :   150px;
    display  :   block;
    -webkit-background-size:    cover!important;
    -moz-background-size:   cover!important;
    -o-background-size  :   cover!important;
    background-size  :   cover!important;
    box-sizing  :   border-box;
    background-color    :   #999;
    cursor   :   pointer;
}

.matrix .block.noaccess {
    opacity  :   0.50;
    filter: grayscale(50%);
}

.matrix .block.noaccess span, .matrix .block.noaccess img, .matrix .block.noaccess div.number {
    opacity  :   0.50!important;
}

.matrix.matrix-courses .blocks-top .inside.noaccess {
    -webkit- filter  :   grayscale(100%);  /* Safari 6.0 - 9.0 */
    filter   :   grayscale(100%);
    opacity  :   0.75;
}

.matrix .block.noaccess:hover {
    opacity  :   0.90;
}

.matrix .block.noaccess:hover span, .matrix .block.noaccess:hover img, .matrix .block.noaccess:hover div.number {
    opacity  :   0.75!important;
}

.matrix.matrix-courses .blocks-top .inside.noaccess:hover {
    -webkit- filter  :   grayscale(80%);  /* Safari 6.0 - 9.0 */
    filter   :   grayscale(80%);
    opacity  :   0.90;
}

.matrix.matrix-courses .blocks-top .inside .tdivider {
    position    :   absolute;
    bottom   :   0;
    margin   :   0!important;
}

.matrix.matrix-courses .blocks-top .addto {
    position    :   absolute;
    top      :   1px;
    left     :   7px;
    margin   :   0!important;
    cursor   :   pointer;
    font-size   :   32px;
    color    :   #FFF!important;
    text-shadow :   1px 1px #606060;
    opacity  :   0.80;
    z-index  :   999;
}

.matrix.matrix-courses .blocks-top .addto.sbk {
    color    :   #606060!important;
    text-shadow :   1px 1px #FFF;
}

.matrix.matrix-courses .blocks-top .addto:hover {
    opacity  :   1.0;
}

.matrix.matrix-courses .blocks-top .inside h5 {
    position    :   absolute;
    bottom   :   15px;
    color    :   #FFF!important;
    text-shadow :   1px 1px #606060;
    width    :   100%;
    text-align  :   left;
    padding  :   0 8px!important;
    font-size   :   21px!important;
    line-height :   35px!important;
    font-family :  'Din-Bold', sans-serif!important;
    text-transform   :   uppercase;
}

.matrix.matrix-courses .blocks-top .inside h5.s110 {
    position    :   absolute;
    bottom   :   27px;
    color    :   #FFF!important;
    text-shadow :   1px 1px #606060;
    width    :   100%;
    text-align  :   left;
    padding  :   0 8px!important;
    font-size   :   20px!important;
    line-height :   25px!important;
    font-family :  'Din-Bold', sans-serif!important;
    text-transform   :   uppercase;
}

.matrix.matrix-courses .blocks-top .inside h4 {
    position    :   absolute;
    bottom   :   5px;
    color    :   #FFF!important;
    text-shadow :   1px 1px #606060;
    width    :   100%;
    text-align  :   left;
    padding  :   0 8px!important;
    font-size   :   14px!important;
    line-height :   14px!important;
    font-family :  'Din-Light', sans-serif!important;
    text-transform   :   uppercase;
}

.matrix.matrix-courses .blocks-top.blocks-100 .inside h5.s110 {
    position    :   absolute;
    bottom   :   55px;
    color    :   #ddac42!important;
    text-shadow :   none;
    padding  :   0 8px 0 170px!important;
    font-size   :   40px!important;
    line-height :   40px!important;
}

.matrix.matrix-courses .blocks-top.blocks-100 .inside h4 {
    position    :   absolute;
    bottom   :   13px;
    color    :   #ddac42!important;
    text-shadow :   none;
    padding  :   0 8px 0 170px!important;
    font-size   :   22px!important;
    line-height :   22px!important;
}

.matrix.matrix-courses .blocks-top .inside h5.swh, .matrix.matrix-courses .blocks-top .inside h4.swh {
    color    :   #000!important;
    text-shadow :   none;
}

.matrix.matrix-courses .blocks.blocks-2 {
    width    :   200px;
}

.matrix.matrix-courses .blocks.blocks-3 {
    width    :   300px;
}

.matrix.matrix-courses .blocks.blocks-4 {
    width    :   400px;
}

.matrix.matrix-courses .blocks.blocks-6 {
    width    :   600px;
}

.matrix.matrix-courses .blocks.blocks-13 {
    width    :   1300px;
}

.matrix.matrix-courses .blocks.blocks-100 {
    width    :   1918px!important;
}

.matrix.matrix-courses .blocks.blocks-top h5 {
    font-size   :   14px;
    line-height :   18px!important;
    margin   :   5px 0 0 0!important;
    color    :   #6C7C8E;
}

.matrix.matrix-courses .block {
    transition  :   all 0.5s ease;
}

.matrix.matrix-courses .block.purchased {
    opacity  :   1.0;
    transition  :   all 0.5s ease;
}

.matrix.matrix-courses .block.purchased:hover {
    opacity  :   1.0;
}

.matrix.matrix-courses .block .inside {
    padding  :   5px;
    min-height  :   90px;
    -webkit-background-size:    cover!important;
    -moz-background-size:   cover!important;
    -o-background-size  :   cover!important;
    background-size  :   cover!important;
}

.matrix .block .inside.scored, .remodal .block .inside.scored {
    background  :   #00967b;
    box-shadow  :   inset 0px 0px 15px #09725F;
}

.matrix .block .inside.featured, .remodal .block .inside.featured {
    box-shadow  :   inset 0px 0px 15px #C96304;
}

.matrix .block .inside .icon, .remodal .block .inside .icon {
    width    :   auto;
    max-width   :   40px!important;
    height   :   auto;
    max-height  :   30px;
    position    :   absolute;
    right    :   10px;
    top      :   10px;
    z-index  :   2;
    opacity  :   0.65;
}

.matrix .block .inside.scored .icon, .remodal .block .inside.scored .icon, .matrix .block .inside.featured .icon, .remodal .block .inside.featured .icon {
    opacity  :   1.0;
}

.matrix .block .inside .ficon, .remodal .block .inside .ficon {
    opacity  :   1.0;
}

.matrix .block:hover .inside .icon, .remodal .block:hover .inside .icon,  {
    opacity  :   1;
}

#if_width {
    position    :   relative;
}

#if_fwidth:fullscreen .matrix .block .inside .icon {
    right    :   5px;
    top      :   5px;
    max-width   :   35px;
    max-height  :   50px;
}

.matrix.matrix-courses .block.purchased .inside {
    /*-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.20);
    box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.20);*/
    /*text-shadow :   1px 1px #282828;*/
}

.matrix.matrix-courses .block.purchased .inside span {
    /*text-shadow :   1px 1px #282828;*/
}

.matrix .block .inside span.name, .remodal .block .inside span.name {
    position    :   absolute;
    left     :   5px;
    bottom   :   5px;
    font-size   :   13px;
    line-height :   17px;
    font-weight :   normal;
    z-index  :   3;   
    text-shadow :   none;
    opacity  :   0.70;
    /*text-shadow :   0px 0px 5px transparent!important;*/
}

.matrix .block .inside .number {
    opacity  :   0.70;
    /*text-shadow :   1px 1px transparent;*/
}

.matrix .block .inside:hover .number, .matrix .block .inside .fnumber {
    opacity  :   1.0;
    /*text-shadow :   0px 0px 5px #282828!important;*/
}

.matrix .block .inside:hover span.name, .matrix .block .inside span.fname {
    opacity  :   1.0;
    /*text-shadow :   0px 0px 5px #282828!important;*/
}

#if_fwidth:fullscreen .matrix .block .inside span {
    font-size   :   16px; 
}

#if_fwidth:fullscreen .remodal-wrapper {
    background  :   transparent url("../images/bg.png") repeat!important;
}

.media h4 {
    font-weight :   bold;
    text-transform   :   uppercase;
    margin   :   0 0 10px 0;
}

#general h2 {
    font-size   :   28px;
    line-height :   36px;
    margin   :   5px 0;
    text-transform   :   uppercase;
}

.vdivide {
	float: right;
	width: 2px;
	background: #465768;
	height: 100%;
	position: relative;
	margin: 0 25px 0 0;
}

.buts {
    position    :   relative;
    float    :   right;
    cursor   :   pointer;
    padding  :   0 25px 0 0;
    font-size   :   17px;
    line-height :   15px;
}

.buts i {
    color    :   #E1E1E1;
    font-size   :   30px;
    line-height :   35px;
    position    :   relative;
    display  :   inline-block;
}

.ibcount {
    font-size: 9px;
    line-height: 15px;
    color: #FFF;
    background: #FF0000;
    width:15px;
    height: 15px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    bottom: 2px;
    right: 19px;
}

.left-nav .ibcount {
    bottom: 15px;
    right: 35px;
}

.buts input, .buts select {
    height   :   48px;
    font-size   :   16px;
    padding  :   10px;
    border   :   1px solid #6C7C8E!important;
    background  :   #FFF!important;
    display  :   inline-block;
}

.buts select {
    height   :   38px!important;
    padding  :   5px 10px;
}

.buts select:focus {
    border   :   1px solid #6C7C8E!important;
    background  :   #FFF!important;
}

.sbut {
	position: absolute;
	display: none;
	top: 20%;
	margin-top: -30px;
	margin-right: 0!important;
	padding-right: 0!important;
	width: 94%;
	left: 3%;
	z-index: 99999;
}

.sbut .csearch {
	position: absolute;
	margin-top: -34px;
	color: #FFF;
	font-size: 18px!important;
	right: 5px;
	cursor: pointer;
}

.searchover {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.7;
	z-index: 99998;
	display: none;
}

.buts .input-group {
    width    :   auto;
}

.buts .input-group-addon {
    border   :   1px solid #6C7C8E!important;
    background  :   #6C7C8E!important;
    height   :   48px;
    /*display  :   inline-block;
    height   :   38px;
    width    :   58px;
    padding  :   10px!important;
    text-align  :   center;
    margin   :   -10px 0 0 -5px!important;
    position    :   relative;*/
}

.buts .input-group-addon i {
    font-size   :   16px;
    line-height :   16px;
}

.buts a.lang {
    color: #FFF;
    font-size: 15px;
    line-height: 33px;
    position: relative;
    z-index: 9999;
}

.buts.lswitch {
    position: relative;
}

.buts.lswitch i {
    position: absolute;
    left: -7px;
}

#binfo i {
    color    :   #68C8E2;
    font-size   :   32px;
}

#favs i.fa-heart, #hfavs i.fa-heart {
    color    :   #FC1B1B;
    text-shadow :   1px 0px #FFFFFF;
}

#pfexit i.newicon {
	color: #FC1B1B!important;
	background  :   #FC1B1B;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position:relative; 
}

.dcode {
    float: right;
    margin-right: 25px;
}

.dcode p {
    margin   :   0 0 5px 0;
}

.dcode input {
    padding  :   5px;
    height   :   36px;
    border   :   1px solid #E0E0E0!important;
    border-radius    :   3px;
}

.totals {
    font-size   :   100%!important;
}

input.req {
    border   :   1px dashed #FF0000!important;
}

.alert-oc {
    border-radius    :   0!important;
    margin   :   2px 0 1px 0!important;
    font-family :  'Din', sans-serif!important;
}

.alert-oc.alert-oc-new {
    background-color: rgba(28, 54, 79, .95)!important;
	border: none!important;
	color: #FFF!important;
	text-align: left!important;
}

.alert-oc .btn {
    border-radius    :   0!important;
    margin   :   2px 0 1px 0!important;
    color    :   #FFF!important;
    cursor   :   pointer;
}

.alert-oc input[type=text], .alert-oc input[type=password] {
	padding: 5px!important;
	height: 43px!important;
	border-radius: 0!important;
}

.alert-oc .showpw {
	position: absolute;
	width; 40px;
	z-index: 99;
	right:15px;
	bottom:17px;
}

.alert-oc .showpw i {
	color: #666;
}

.alert-oc .fields .btn-djp {
	padding: 5px!important;
	height: 43px!important;
	margin-top: 0px!important;
}

.alert-oc.alert-oc-new .btn-djp {
	background: #EE862D!important;
	border: none!important;
	height: 38px!important;
	border-radius: 2px!important;
	border: 2px solid #EE862D!important;
}

.alert-oc.alert-oc-new input[type=text], .alert-oc.alert-oc-new input[type=password],
.alert-oc.alert-oc-new input[type=text]:focus, .alert-oc.alert-oc-new input[type=password]:focus {
	padding: 5px!important;
	height: 38px!important;
	border-radius: 0!important;
	border: none;
	background: #012F52!important;
	border-bottom: 2px solid #DBBC87!important;
}

.alert-oc.alert-oc-new .finner {
	border: 2px solid #FFF;
	padding: 8px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
    font-size: 125%!important;
    background-color: rgba(0, 0, 0, .05)!important;
}

.alert-oc.alert-oc-new .finner i {
	display: none;
}

.alert-oc.alert-oc-new .finner small {
	color: #FFF;
	display: block;
	position: relative;
	font-size: 80%;
	margin: -5px 0 5px 0!important;
}

.alert-oc.alert-oc-new .finner .btn-djp {
	height: 37px!important;
	border-radius: 2px!important;
	line-height: 25px!important;
	font-size: 115%!important;
}

.alert-oc.alert-oc-new .finner .btn-djp.hollow {
	height: 37px!important;
	border-radius: 2px!important;
    border-color: #FFF!important;
    background-color: rgba(255, 255, 255, .15)!important;
	font-size: 115%!important;
	opacity: 0.75;
}

.coursemodal {
    -webkit-background-size:    cover!important;
    -moz-background-size:   cover!important;
    -o-background-size  :   cover!important;
    background-size  :   cover!important;
    padding: 25px;
    position    :   relative;
    background  :   #F7F7F7;
    overflow    :   hidden;
}

.coursemodal .splash {
    position    :   absolute;
    width    :   100%;
    height   :   100%;
    left     :   0;
    top      :   0;
    z-index  :   9998;
    -webkit-background-size:    contain!important;
    -moz-background-size:   contain!important;
    -o-background-size  :   contain!important;
    background-size  :   contain!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    padding: 25px;
}

.coursemodal .splash.prefilters {
    padding: 10px;
    background: #58646B!important;
}

.coursemodal .splash.prefilters, .coursemodal .splash.prefilters p {
    font-size:  18px;
}

.coursemodal, .coursemodal p, .coursemodal span, .coursemodal strong, .coursemodal .tab-pane a, .coursemodal ul li, .coursemodal ol li, .coursemodal .fields {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 400!important;
}

.blended strong {
    font-family: 'din', sans-serif!important;
    color: #FFF!important;
    font-weight: 600!important;
}

.coursemodal strong {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 600!important;
}

.coursemodal blockquote {
  font-size: 18px;
  width:100%;
  margin:20px auto;
  font-style:italic;
  color: #555555;
  padding:20px 30px 20px 55px;
  border-left:7px solid #CCC ;
  line-height:40px;
  position: relative;
  background:#F7F7F7;
  clear: both;
}

.coursemodal blockquote h1, .coursemodal blockquote h2, .coursemodal blockquote h3, .coursemodal blockquote h4, .coursemodal blockquote h5 {
  margin-top: 0!important;
  font-size: 18px!important;
  color: #555555;
}

.coursemodal blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#CCC;
  font-size:3.5em;
  position: absolute;
  left: 10px;
  top: 10px;
}

.coursemodal blockquote::after{
  content: '';
}

.coursemodal blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}


/* FORUMS
----------------------------------------------*/

.forum_reply {
    width: 100%;
    display: block;
    padding: 5px 0 5px 80px;
    border-top: 1px solid #E1E1E1;
    position: relative;
    font-family: 'Din', sans-serif!important;
    font-size: 16px!important;
}

.forum_reply .reply {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 14px!important;
    color: #999;
    cursor: pointer;
}

.forum_reply.inthread {
    margin: 5px 0;
    background: #F9F9F9;
}

.forum_reply p {
    font-family: 'Din', sans-serif!important;
    font-size: 16px;
    margin-bottom: 0;
}

.forum_reply:last-child {
    border-bottom: 1px solid #E1E1E1;
}

.forum_reply.inthread:last-child {
    border-bottom: 0px solid #E1E1E1;
}

.forum_reply small {
    color: #666;
    margin-top: -5px;
}

.forum_reply .author_img {
    position: absolute;
    left: 0;
    padding-top: 5px;
    text-align: center;
    width: 80px;
}

.forum_reply .author_img img {
    width: 60px;
    border-radius: 50%;
}

#freply {
    height:125px;
    width:100%!important;
    background:#F9F9F9;
    border:1px solid #CCC;
    padding: 15px;
}

.prefilters .bbord {
    width: 100%;
    height: 10px;
    background: #58646B!important;
    position: fixed;
    bottom: 0;
    left: 0;
}

.pfwrapper .closebutton {
    top      :   1px!important;
    right    :   1px!important;
    background  :   #000;
}

.coursemodal .splash.dbg-welcome {
    padding  :   50px;
    background  :   #FFF url(https://www.davidjpphillips.com/wp-content/plugins/dphillips-plugin/images/david.jpg) no-repeat center center;
    -webkit-background-size:    cover!important;
    -moz-background-size:   cover!important;
    -o-background-size  :   cover!important;
    background-size  :   cover!important;
    background-position :   70% top!important;
}

.coursemodal .splash.dbg-welcome p {
    font-size   :   18px;
}

.coursemodal .splash.dbg-welcome h3 {
    font-size   :   35px;
}

.coursemodal table {
    width    :   100%;
	margin-bottom: 15px;
}

.coursemodal table td, .coursemodal table th {
    padding  :   5px;
}

.coursemodal ol {
	margin: 0 0 15px 0;
}

.coursemodal ol li {
	margin: 5px 0 15px 15px;
}

.splash .vc_inner {
    height   :   auto;
    display  :   block;
    overflow    :   hidden;
}

.splash .vc_col-sm-3 {
    width    :   25%;
    float    :   left;
    box-sizing  :   border-box;
    padding  :   10px;
}

.splash .vc_col-sm-4 {
    width    :   33.33%;
    float    :   left;
    box-sizing  :   border-box;
    padding  :   10px;
}

.splash .vc_col-sm-6 {
    width    :   50%;
    float    :   left;
    box-sizing  :   border-box;
    padding  :   10px;
}

.splash .vc_col-sm-8 {
    width    :   66.66%;
    float    :   left;
    box-sizing  :   border-box;
    padding  :   10px;
}

.splash .videoWrapper, .splash .wpb_video_wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.splash .videoWrapper iframe, .splash .wpb_video_wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.splash .addtocart {
    color    :   #FFF;
    cursor   :   pointer;
    font-size   :   16px;
    line-height :   22px;
    padding  :   15px 5px!important;
    height   :   auto;
    display  :   block;
    overflow    :   hidden;
    border-radius    :   10px;
    -webkit-box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.2);
    opacity  :   0.95;
    text-shadow :   1px 0px #333;
    margin   :   0 0 15px 0;
}

.splash .addtocart:hover {
    opacity  :   1.0;
    -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.4);
    box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.4);
}

.splash .addtocart .float-left {
    padding  :   0 10px;
}

.splash .addtocart .pricing {
    font-size   :   28px;
    line-height :   40px;
    text-align  :   center;
}

.splash .addtocart .pricing i {
    font-size   :   35px;
    line-height :   40px;
    color    :   #FFF;
    margin-right     :   5px;
}

.splash .addtocart .desc {
    display  :   flex;
    vertical-align   :   middle;
    min-height  :   75px;
}

.splash .addtocart .desc p {
    margin   :   auto;
}

.splash .addtocart .note {
    font-size   :   11px;
    border-top  :   1px solid #FFF;
    margin   :   15px 0 0 0;
    padding  :   15px 5px 0 5px;
    width    :   100%;
    clear    :   both;
    display  :   block;
}

.coursemodal .splash .addto {
    position    :   absolute;
    font-size   :   40px;
    line-height :   40px;
    left     :   30px;
    top      :   20px;
    cursor   :   pointer;
    color    :   #FFF;
    background  :   #31A9C0;
    opacity  :   0.85;
    padding  :   10px;
    border-radius    :   50%;
    width    :   60px;
    height   :   60px;
    text-align  :   center;
}

.coursemodal .splash .addto:hover {
    opacity  :   1.0;
}

.coursemodal .splash_content {
    position    :   absolute;
    left     :   50px;
    top      :   50px;
    z-index  :   9999;
    width    :   25%;
    text-align  :   center;
}

.coursemodal .splash_content img {
    max-width   :   90%;
    height   :   auto;
    position    :   relative;
    z-index  :   2;
}

.coursemodal .splash_content h3 {
    font-size   :   25px!important;
    line-height :   35px!important;
    text-transform   :   uppercase;
    color    :   #FFF;
    max-width   :   100%;
    margin   :   20px auto!important;
    padding  :   10px 0;
    border-top  :   1px solid #FFF;
    position    :   relative;
    z-index  :   2;
}

.coursemodal .splash_start {
    position    :   absolute;
    left     :   50px;
    bottom   :   50px;
    z-index  :   9999;
}

.coursemodal .info-logo {
    margin-bottom    :   25px;
}

.coursemodal .info-logo img {
    height   :   135px;
    width    :   auto;
}

.coursemodal .info-blocks {
    padding  :   25px!important;
    color    :   #FFF;
    font-size   :   22px;
    font-family :   "Din-Bold", sans-serif!important;
    text-align  :   center;
}

.coursemodal .info-blocks .info-block-title {
    padding  :   10px;
    background  :   #666;
    font-size   :   32px;
    font-family :   "Din-Bold", sans-serif!important;
    border   :   1px solid #CCC;
    border-bottom    :   none;
}

.coursemodal .info-blocks .info-block-text {
    background  :   url('../images/bg.png') repeat;
    padding  :   15px;
    font-family :   "Din-Bold", sans-serif!important;
    border   :   1px solid #CCC;
    border-top  :   none;
}

.remodal #favorite {
    position    :   absolute;
    top      :   23px;
    right    :   75px;
    font-size   :   25px;
    z-index: 999;
}

.remodal #favorite i {
    cursor   :   pointer;
    color    :   #B2B2B2;
    transition  :   all .25s ease;
}

.remodal #favorite i.fa-heart, .block i.fa-heart {
    color    :   #FC1B1B;
    text-shadow :   0px 1px #B50303;
}

.block i.fa-heart {
    position    :   absolute;
    top      :   28px;
    left     :   6px;
    font-size   :   13px;
}

.block i.fa-star {
    color    :   #FFF;
    text-shadow :   0px 1px #B50303;
}

.block i.fa-star {
    position    :   absolute;
    top      :   28px;
    left     :   4px;
    font-size   :   13px;
}

.exercises .name {
    position    :   relative;
    height   :   50px;
}

.exercises .name span {
    display  :   inline-block;
    padding  :   10px;
    position    :   relative;
    background  :   #6C7C8E;
    color    :   #FFF;
    text-transform   :   uppercase;
    left     :   -5px;
    top      :   -5px;
    height   :   40px;
    line-height :   20px;
}

.exercises .name span::after {
    content: '';
    position: absolute;
    z-index: 99!important;
    right: -20px;
    top: 0;
    display: block;
    width: 20px;
    height: 0px;
    border: 20px solid #6C7C8E;
    border-right: 10px solid #FFF;
    border-bottom-color: #6C7C8E;
}

.exercises .name span .tangle {
    width    :   0;
    height   :   0;
    border-style     :   solid;
    border-width     :   20px 20px 20px 0;
    border-color     :   transparent #FFF transparent transparent;
    position    :   absolute;
    right    :   0;
    top      :   0;
    display  :   none;
}

.score-right, .score-left {
    height   :   auto;
    display  :   block;
    overflow    :   hidden;
}

.score-right h5 {
    padding  :   0 20px 0 0;
    font-size   :   18px;
    position    :   relative;
}

.score-right .features {
    position    :   absolute;
    right    :   4px;
    top      :   6px;
}

.score-right h3 {
    display  :   block;
    position    :   relative;
}

.score-right h3 span.pots {
    position    :   absolute;
    width    :   auto;
    right    :   0;
    top      :   4px;
    font-size   :   16px;
    font-weight :   normal;
}

.score-right h3 span.pot {
    margin   :   0 7px;
}

.score-right h3 span.pot.active {
    font-weight :   bold;
}

.score-left {
    padding  :   0 25px 0 0!important;
    height   :   100%;
}

.question {
    padding  :   5px;
}

.question.odd {
    background  :   #EFEFEF;
}

.featured {
    background  :   #e57307!important;
}

.featured textarea {
    background  :   #FFF;
}

.popover {
    padding  :   1px!important;
}
.popover-header {
	margin-top: 0!important;
	background: #6C7D8E!important;
	color:#FFF!important;
	font-size: 14px!important;
}
.popover-title {
    font-size   :   14px!important;
	margin: 0!important;
}
.popover-content {
    font-size   :   13px;
}
.popover ul {
    margin: 5px 0!important;
    font-size   :   13px!important;
	padding:0!important;
}
.popover li {
    font-size   :   13px!important;
	margin: 2px 0 2px 10px!important;
	margin-left: 10px!important;
	padding:0!important;
}

.popover.top>.arrow, .popover.bs-popover-top>.arrow {
    border-top-color: #F7F7F7!important;
}

.popover.bs-popover-top>.arrow {
    bottom:-21px!important;
	margin: 0!important;
}

.popover.bottom>.arrow, .popover.bs-popover-bottom>.arrow {
    border-bottom-color: #F7F7F7!important;
}

.popover.bs-popover-bottom>.arrow {
    top:-21px!important;
	margin: 0!important;
}

.popover.left>.arrow {
    top: 50%;
    right: -11px!important;
	left: auto!important;
    margin: 0;
    border-left-color: #F7F7F7!important;
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin: 0;
    border-left-width: 0;
    border-right-color: #F7F7F7!important;
}


/* DIPLOMA STYLES
-------------------------------------------------------------- */

.diploma {
    width    :   100%;
    height   :   100%;
    position    :   relative;
    display  :   block;
    box-sizing  :   border-box;
    overflow    :   scroll;
    scrollbar-width  :   none; /* Firefox */
    -ms-overflow-style  :   none;  /* IE 10+ */
}

.diploma .simplebar-wrapper, .diploma .simplebar-mask {
	overflow: visible!important;	
}

.diploma::-webkit-scrollbar { /* WebKit */
    width    :   0;
    height   :   0;
}

.diploma #print {
    position    :   absolute;
    left     :   3px;
    top      :   3px;
    z-index  :   10001;
}

.diploma .inners {
    position    :   absolute;
    width    :   1600px!important;
    height   :   1165px!important;
    z-index  :   10000;
}

.diploma .inners .intro {
    position    :   absolute;
    z-index  :   10001;
    width    :   100%;
    text-align  :   center;
    top      :   400px;
    font-size   :   40px;
}

.diploma .inners .name {
    position    :   absolute;
    z-index  :   10001;
    width    :   100%;
    text-align  :   center;
    top      :   465px;
    font-size   :   75px;
}

.diploma .inners .text {
    position    :   absolute;
    z-index  :   10001;
    width    :   100%;
    text-align  :   center;
    top      :   600px;
    font-size   :   45px;
}

.diploma.masters .inners .intro {
    position    :   absolute;
    z-index  :   10001;
    width    :   100%;
    text-align  :   center;
    top      :   310px;
    font-size   :   40px;
}

.diploma.masters .inners .name {
    position    :   absolute;
    z-index  :   10001;
    width    :   100%;
    text-align  :   center;
    top      :   375px;
    font-size   :   75px;
} 

.diploma.masters .inners .text {
    position    :   absolute;
    z-index  :   10001;
    width    :   100%;
    text-align  :   center;
    top      :   490px;
    font-size   :   45px;
}

.diploma.masters .inners .text strong {
    font-size   :   60px;
}

.diploma.masters .inners .text small {
    display  :   block;
    max-width   :   70%; 
    font-size   :   23px;
    margin   :   10px auto;
}

.diploma .inners .date {
    position    :   absolute;
    z-index  :   10001;
    bottom   :   200px;
    left     :   240px;
    font-size   :   35px;
}


/* SR STYLES
--------------------------------------------------*/

.attendees {
	padding: 5px!important;
}

.attendees .inner {
	padding: 20px;
	border: 1px solid #CCC;
	background: #E1E1E1;
}

.btn-xs {
	font-size: 13px!important;
	padding: 5px 10px!important;
	margin: 5px 0 0 0!important;
}


/* RESPONSIVE STYLES
--------------------------------------------------*/

@media (max-width: 1660px) {

}

@media (max-width: 1500px) {

}

@media (max-width: 1411px) {
    
    .dashboard-header {
     font-size   :   22px;
     line-height :   38px;
    }

    .oc_cart_new .cart_right {
        height: auto!important;
    }
    
    /*body, .container-fluid {
     width    :   1410px!important;
    }*/

}

@media (max-width: 1300px) {
  
}

@media (max-width: 1200px) {
  
}

@media (max-width: 1000px) {
    
    #ocsearch {
     width    :   150px;
    }
    
    .buts {
     padding  :   0 15px 0 0;
    }
    
    .dashboard-header {
     font-size   :   19px;
     line-height :   38px;
    }
  
}

@media (max-width: 767px) {

    .oc_cart_new .cart_right {
        clear: both!important;
        height: auto!important;
    }

    .nomobile {
        display: none!important;
    }
    
    .hg-faqs {
        padding: 20px 0;
        background: transparent;
    }
    
    .faq-wrap h3 {
        padding: 10px 5px;
        font-size: 14px!important;
    }

    .cartbar {
        padding: 10px 5px;
    }

    .cartbar .col-sm-12, .cartbar .col-sm-8 {
        padding: 0 5px;
    }

    .oc_cart .upbuts {
        position:relative;
        left:0;
        margin-top:0;
    }

    .oc_cart .upbuts .btn-djp {
        margin-bottom:0!important;
    }
    
    .oc_cart .margin25 {
        height: 10px!important;
    }

    .oc_cart .citems-title, .oc_cart .citems-title strong {
        font-size: 14px!important;
        line-height: 18px!important;
    }

    .oc_cart .citems-title .total {
        display: none;
    }

	.pfheader .elementor-image {
		text-align: center;
	}

	.pfheader h1 {
		font-size: 30px!important;
		line-height: 45px!important;
		margin: 5px 0;
	}
	
	.pfvideo {
		padding: 0!important;
		margin-top: -10px!important;
	}
	
	.pfvideo .elementor-column-wrap {
		padding: 0!important;
	}
	
	.pfsection {
		width: 100%!important;
		padding: 0!important;
	}
	
	.pfsection .elementor-column-wrap {
		padding: 15px 10px!important;
	}
	
	.matrix.matrix-courses .blocks-top.blocks-100 .inside h5.s110 {
		bottom: auto;
		top: 20px;
		font-size: 20px!important;
		line-height: 20px!important;
    	padding: 0 8px 0 150px!important;
	}
	
	.dashboard-header.ccs {
		height   :   73px;
	}
	
	.clearpf {
		width: 100%;
		clear: both;
	}

	/*.dashboard-header.ccs .buts:last-child {
		position: absolute!important;
		right: auto;
		top: auto;
		bottom: 10px;
		z-index: 999;
		margin: 0 0 0 0!important;
		width: -webkit-calc(100% - 20px);
		width:    -moz-calc(100% - 20px);
		width: calc(100% - 20px);
		clear: both;
		left: auto;
		float: none;
		padding: 0;
	}

	.dashboard-header.ccs .buts:last-child select {
		margin: 0!important;
	}*/
	
	.pfstart.bar {
		width: 125px;
	}
  
}

@media (max-width: 639px) {
    
}