/*
Theme Name:     Jupiter Child Theme Old
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/
/*----------------------------------------------------------------------------*/
/*                             Begin Custom CSS                               */
/*----------------------------------------------------------------------------*/
.primary-button-color {
	background-color: #133D4F;
}

.secondary-button-color {
	background-color: #487385;
}

#text-5 > div.widgettitle {
	display: none !important;
}

.list-3-col ul {
	column-count: 3;
	-moz-column-count: 3;
    -webkit-column-count: 3;
}

.slogan {
	text-shadow: 4px 4px 8px #000000;
	position: absolute;
	z-index: 10;
	font-size: 72px;
	font-weight: 800;
	text-align: center;
	padding-top: 20px;
	width: 100%;
}

.mk-fancy-title{
	padding-bottom:0 !important;
	margin-bottom:15px;
}
/*
.column_container .mk-text-block {
	margin-top: 20px;
}*/

.column_container .mk-text-block:first-child {
	margin-top: 0px;
}

.mk-accordion .mk-accordion-pane p,
.mk-accordion .mk-accordion-pane ul,
.mk-accordion .mk-accordion-pane ol {
	margin-bottom: 0px;
}

.mk-main-wrapper-holder a {
	text-decoration: underline;
}

.text-lowercase {
	text-transform: lowercase !important;
}


/*----------------------------------------------------------------------------*/
/*                                 Header                                     */
/*----------------------------------------------------------------------------*/
.tel {
	font-size: 13px;
	line-height: normal !important;
	font-weight: bold;
	text-align: center;
}
.pacesetter-bar {

	float: left;
	margin-left: 280px;
	position: absolute;
	line-height: normal !important;
	padding: 5px 20px;
	color: #fff;
	font-weight: 700;
	border-top: 25px solid #133D4F;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
	text-align: center;
    width: 210px;
	top:0px;
}

#menu-main-menu a {
	font-family: Lato;
  	font-weight: 900;
  	letter-spacing: 0.5px;
}

.pacesetter-bar:before {
	position: relative;
	top: -28px;
	content: 'Pacesetter in Quality Service'
}

#mk-header-1 .mk-button--size-small {
	font-size: 14px;
	line-height:1.1em;
}
.mk-toolbar-holder, .mk-header-toolbar {
	float:right !important;
    background-color: transparent !important;
}

body.home .mk-header-holder {
	-webkit-box-shadow: 0 5px 20px 2px #000000;
	box-shadow: 0 5px 20px 2px #000000;
}

#mk-header-1 > div.mk-header-holder > div.mk-header-toolbar > div > span > a {
  font-size: 0.9em;
  font-weight: 400;
  color: #27525C;
}

#mk-header-1 > div.mk-header-holder > div.mk-header-toolbar > div > span > svg {
  display: none;
}

.nvllab-login-container {
  margin-right:35px;
  position: absolute;
	right: 0;
	top: 0;
	z-index: 30;
	line-height: normal;
}

.header-style-1 .mk-header-padding-wrapper {
  padding-top: 111px !important;
}

.fit-logo-img a img {
  max-height: 90% !important;
}

.header-style-1.header-align-center .mk-header-nav-container {
  text-align: left !important;
}

.mk-header-nav-container {
  width: 100% !important;
}

.mk-main-navigation {
  margin-left: 220px !important;
}

#mk-breadcrumbs .mk-breadcrumbs-inner {
  font-size: 14px;
  line-height: 1.2em;
}

/*----------------------------------------------------------------------------*/
/*                                 Footer                                     */
/*----------------------------------------------------------------------------*/
#mk-footer .mk-padding-wrapper {
	font-size: 14px !important;
	text-align: center;
}

#mk-footer .textwidget {
	flex-wrap: wrap;
}

#mk-footer .textwidget span {
	margin: 0 auto;
}
#mk-footer .textwidget span div{
	margin-bottom: 0;	
}

/*----------------------------------------------------------------------------*/
/*                                  Pages                                     */
/*----------------------------------------------------------------------------*/
		/*
			1. Homepage
			2. Training Services/Calendar
			3. Forms
			4. Pages
			5. Responsiveness
		*/

/*----------------------------------------------------------------------------*/
/*                             1. Homepage                                    */
/*----------------------------------------------------------------------------*/
.header-container > .header-box {
	flex: 1;
	height: inherit;
}
.header-box .image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
}
.header-container > .header-box 
.overlay {
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.2);
  position: absolute;
  pointer-events: none;
}
.header-container > .header-box.hdr-box-three .header-box-content{
	background-position: 0 50%;
}
.header-box:not(:last-child) .header-box-content {
  -webkit-box-shadow:inset -10px 0 30px 0 #000000;
  box-shadow:inset -10px 0 30px 0 #000000;
}
.header-box-content {
  width: 100%;
  height: 100%;
  background-position-x:100%;
  background-size: cover;
}
.header-container .header-box h2 {
  font-weight: 700;
  letter-spacing: 4px;
  position: absolute;
  z-index: 1;
  padding-left: 40px;
  line-height: 0.9em;
}

.header-box a {
	color: #FFFFFF;
}

.header-container {
	background: #255560;
	font-family: Lato;
	letter-spacing: 2.3px;
}

.header-container p, .header-container {
	color: #fff;
}

/*----------------------------------------------------------------------------*/
/*                     2. Training Services/Calendar                          */
/*----------------------------------------------------------------------------*/
td.fc-event-container > a {
	background-color: #487385 !important;
	border-color: #547481 !important;
}

article.type-event .single-social-section {
	display: none !important;
}

article.type-event .mk-single-content > div:first-child {
	display: none;
}

.em-booking-buttons input {
	border-radius: 3px;
    box-sizing: border-box;
    transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
	padding: 12px 18px;
	font-size: 12px;
	font-weight: 700;
	line-height: 100%;
    background-color: #133D4F;
	outline: 0;
	text-decoration: none;
	color: #ffffff;
	letter-spacing: 1px;
	min-width: 250px;
}

#mk_page_footer > a {
	display: none;
}

.em-booking-login {
	display: none;
}

.em-ticket-select {
	    padding: 5px 10px 5px 10px !important;
	    min-width: 150px !important;
}
.em-booking-form-details{
	width: 100%;
}
p.input-user-field{
	margin-bottom: 10px;
}
.em-booking-form label{
	width: auto;
	display: block;
	float: none;
}
.em-booking-form-details input.input{
	width: 360px;
}
 .em-booking-form-details textarea{
 	width: 480px;
 	height: 150px;
 }
 .em-booking-form span.input-group{
 	margin-left: 20px;
 }
 .em-booking-form span.input-group input{
 	margin-right: 5px;
 }

/*----------------------------------------------------------------------------*/
/*                              3. Forms                                      */
/*----------------------------------------------------------------------------*/
body .gform_wrapper .gform_body .gform_fields .gfield_error {
	border: none;
	background-color: transparent;
}
.sample-list-field th:nth-last-of-type(2), .gfield_list_19_cell3 {
	display: none !important;
}

.gform_wrapper .gform_heading {
    margin-bottom: 60px;
}

.reporting_instructions input {
	width: 100% !important;
}

.gform_next_button {
	background-color: #487385 !important;
}

.gform_previous_button {
	background-color: #133D4F !important;
}
.gform_wrapper .top_label .full-width-date input.large.datepicker, 
.gform_wrapper .top_label .full-width-date input.medium.datepicker, 
.gform_wrapper .top_label .full-width-date input.small.datepicker{
	width: 100%;
}
.mk-box-icon.simple_minimal-style.text-center h4 {
	margin-bottom: 0px !important;
}

.mk-box-icon.simple_minimal-style.text-center .mk-main-ico {
	float: none;
}

.mk-box-icon.simple_minimal-style.text-center h4.icon-box-title span {
	position: relative;
	top: -15px;
}
.master-holder .tat-excpt,
.master-holder .tat-excpt strong{
	color: #cc0000;
}
.mk-custom-box a h3{
	text-decoration: underline;
}
/*----------------------------------------------------------------------------*/
/*                              4. Pages                                      */
/*----------------------------------------------------------------------------*/

table.text-left td {
	text-align: left;
}

table.no-td-padding td {
	padding: 0px 5px 5px 0px;
}
.office-info table tr td:first-child{
	width: 33%;
}
.custom-boxes .wpb_column .mk-custom-box{
	margin-bottom: 30px !important;
}


/*----------------------------------------------------------------------------*/
/*                           5. Responsiveness                                */
/*----------------------------------------------------------------------------*/
/*
	1. Extra Small Screens: < 480px
	2. Smaller Screens: < 780px
	3. Everything Except Smaller Screens: > 780px
	4. Small Screens: 780px - 1024px
	4. Smaller then desktop: 1200px
	5. Medium Screens: 1024px - 1360px
	6. Large Screens: 1360px - 1580px
	7. Larger Screens: > 1580px
*/
@media (max-width: 480px) {
	.fit-logo-img a img {
		margin-top: 8px;
	}
}
/* Smaller Screens: < 780px */
@media (max-width: 780px) {
	#mk-footer {
		text-align: center;
	}

	#mk-footer span {
		display: block;
	}
	.header-container {
		display: block !important;
		position: relative;
		
	}

	.header-container > .header-box {
		display: block !important;
		height: 300px;
	}
	.header-container .header-box h2 {
		padding-top: 170px;
		text-align: center;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		font-size: 40px;
		line-height: 33px;
	}

	.nvllab-login-container {
		margin-right: 30px;
	}
	.nvllab-login-container .mk-button--size-small {
		padding: 8px 8px !important;
	}
	.slogan {
		padding-top: 30px;	
		font-size: 22px !important;
		text-shadow: 2px 3px 8px #000000;
	}
}
/* Everything Except Smaller Screens: > 780px */
@media (min-width: 780px) {
	.header-box:hover:before {
		pointer-events: none;
		content: '';
		width: 33.33%;
		position: absolute;
		height: 100%;
		background-color: rgba(0,0,0,0.5);
	}

	#mk-footer .mk-col-1-4 {
		width: 32%;
	}

	#mk-footer > div > div > div:nth-child(1) {
		width: 5% !important;
	}

	body.home.admin-bar {
		overflow-y: hidden;
	}

	#mk-footer .mk-padding-wrapper {
		padding: 0 10px !important;
	}

	#mk-footer {
	    padding: 0 !important;
		font-family: Lato;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		letter-spacing: 0.5px;
	}

/*		#mk-footer  .textwidget {
		display: flex;
		justify-content: space-between;
	} */

	#mk-footer .textwidget span {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	

	#mk-footer .mk-padding-wrapper {
		display: flex;
		align-items: center;
	}

	.header-container {
		display: flex;
		flex-wrap: wrap;
		width:100%;
		height: calc(100vh - 91px - 76px);
		position: absolute;
		top:110px;
	}

	body.logged-in .header-container {
		height: calc(100vh - 91px - 76px - 32px) !important;
		top:110px;
	}
	.header-container .header-box h2 {
	  bottom: 20%;
	}

	body.page-template-page-home #mk-footer {
		position: fixed !important;
		bottom: 0 !important;
	}
	.contact_us_row .gform_wrapper,
	.contact_us_row .gform_wrapper h3{
		margin-top: 0; 	
	}
}

/* Small Screens: 780px - 1024px */
@media (min-width: 780px) and (max-width: 1024px) {

	#mk-header-1 > div.mk-header-holder > div.mk-header-inner.add-header-height > div.header-logo.fit-logo-img.add-header-height > a > img {
		margin-top: 35px;
	}
	.header-logo {
		margin-top: -35px !important;
	}
	.nvllab-login-container .mk-button--size-small {
		padding: 8px 8px !important;
	}
	.header-toolbar-contact {
    	margin-right: 55px !important;
	}

	.nvllab-login-container {
		margin-right: 75px;
	}
	.slogan {
		font-size: 42px !important;
	}
	.header-container .header-box h2{		
		font-size: 20px;
		line-height: 1em;
	}
}

@media (max-width: 1199px) {
	.custom-boxes .wpb_column .mk-custom-box h2{
		font-size: 24px;
	}
	.custom-boxes .wpb_column .mk-custom-box h3{
		font-size: 20px;
	}
	.custom-boxes .wpb_column .mk-custom-box .vc_empty_space{
		display: none;
	}
	.custom-boxes .wpb_column .mk-custom-box .mk-button-container{
		bottom: 40px;
		left: 0;
		margin: 0 auto !important;
		position: absolute;
		right: 0;
	}
}

/* Medium Screens: 1024px - 1360px */
@media (min-width: 1024px) and (max-width: 1359px) {
	.main-navigation-ul > li.menu-item > a.menu-item-link {
		padding: 0 7px !important;
		font-size: 12px;
	}
	.nvllab-login-container a {
		font-size: 10px !important;
	}
	.mk-header-right {
		margin-top: 8px;
	}
	.nvllab-login-container .mk-button--size-small {
		padding: 8px 8px !important;
	}
	.slogan {
		font-size: 48px !important;
	}
}

/* Large Screens: 1360px - 1580px */
@media (min-width: 1360px) and (max-width: 1580px) {
	.header-container .header-box h2 {
		font-size: 40px !important;
		line-height: 35px !important;
	}
	.main-navigation-ul > li.menu-item > a.menu-item-link {
		padding: 0 12px !important;
	}
	.slogan {
		font-size: 52px !important;
	}
}

/* Larger Screens: > 1580px */
@media (min-width: 1580px) {
	.header-container .header-box h2 {
		font-size: 60px !important;
		line-height: 55px !important;
	}
}
