/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://themeforest.net/user/artbees
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Version:        1.0
*/

/*

Blue - #2A357F
Red - #F8100C

*/


/* ==========================================================================
   GENERAL STYLES
   ========================================================================== */
   
/* Blog - Single */

.single-post #mk-page-introduce {
	display: none;	
}
.single-post h1{
	font-size: 36px !important;
  color: #f8100c !important;
}

/* Gallery */

div.pp_default .pp_expand {
	display: none !important;
}

/* Banner
   ========================================================================== */
   
#page-section-2 .background-layer-holder div {
	background-size: cover;	
}



/* Navigation
   ========================================================================== */

.main-navigation-ul li:hover ul.sub-menu {
	top: 95px !important;
}

.mk-header .mk-classic-nav-bg, .mk-header .mk-header-bg {
	opacity: .8;	
}

/* Fonts
   ========================================================================== */

.txt-white * {
	color: #FFF;	
}

.white-text span p {
    color: #fff !important;
}

/* Layout
   ========================================================================== */
  
.no-padding {
	padding: 0 !important;	
}

.yes-padding {
	padding: 0 15px !important;	
}

.moveup {
	position: relative;
}

.moveup.seventy {
	margin-top: -70px;	
}

.above {
	z-index: 10;	
}

.under {
	z-index: 0;
}

/* Footer
   ========================================================================== */
   
.footer-form {
	min-height: 0 !important;
}

.footer-title {
	margin-top: 80px;
	font-size: 36px !important;
}



/* Buttons
   ========================================================================== */

.mk-button {
	letter-spacing: 1px;
}

.mk-button--size-medium {
	font-size: 13px !important;
}

.mk-button {
	width: auto !important;	
}

.vfb-has-error label {
	color: #FFF !important;	
}

.btn-form-submit {
	border-color: #1f2a83 !important;
    color: #1f2a83 !important;
	background: #FFF !important;
	padding: 12px 24px !important;
	border-width: 2px !important;
    border-style: solid !important;
	line-height: 100% !important;
	border-radius: 50px !important;
	font-weight: bold !important;
	font-size: 13px !important;
}

.btn-form-submit:hover {
	color: #FFF !important;
	background: #1f2a83 !important;	
}

.mk-button--dimension-outline, .mk-button--dimension-savvy {
    border-width: 2px;
    border-style: solid;
}


/* ==========================================================================
   HOME STYLES
   ========================================================================== */

#home-call-to-action a {
	color: #FFF;
}

#home-call-to-action a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   GALLERY STYLES
   ========================================================================== */

#jig1-filterButtons {
	margin-bottom: 30px;
}


/* ==========================================================================
   RESPONSIVE STYLES
   ========================================================================== */
   
@media handheld, only screen and (min-width: 1140px) {
	
	.full-width-2 .page-section-content {
		padding: 240px 0 0 0 !important;
	}
	
	.home .mk-edge-wrapper[style] {
		min-height: 800px !important;
	}
	
	.moveup.sixty {
		margin-top: -60px;	
	}
	
}

@media handheld, only screen and (max-width: 1140px) {
	
/* ==========================================================================
   GENERAL STYLES
   ========================================================================== */
	
	.mk-header.sticky-style-false.transparent-header {
		position: relative;	
	}
	
	.full-width-2 .page-section-content {
		padding: 100px 0 0 0 !important;
	}
	
	.full-width-2 {
		min-height: 280px !important;
	}
	
	.vc_row {
		margin: 0 !important;	
	}

	#home-build .background-layer {
		background: none !important;	
	}
	
	#mobile-menu {
		position: absolute;
		top: 23px;
		right: 23px;
		display: block;
		width: 40px;
		height: 38px;
		z-index: 100;
	}
	
	#mobile-menu .line {
		height: 8px;
		width: 100%;
		background: #C7C7C7;
		margin-bottom: 5px;
		border-radius: 3px;
	}
	
	.wpmm-menu {
		background-color: #1F2A83 !important;
	}
	
	.wpmm-menu a {
		font-weight: bold;
		color: #FFF !important;
	}
	
	.mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before, .mm-menu.mm-theme-white .mm-listview>li .mm-next:after {
		border-color: #FFF !important;	
	}
	
}

@media handheld, only screen and (max-width: 960px) {
	
	
	
}

@media screen and (max-width: 782px) {
}

@media handheld, only screen and (max-width: 780px) {
}

@media handheld, only screen and (max-width: 768px) {
}

@media handheld, only screen and (max-width: 767px) {
	
/* ==========================================================================
   GENERAL STYLES
   ========================================================================== */
	
	.mobile-no-bg .background-layer {
		background: none !important;	
	}
	
	.mobile-no-bg .page-section-content {
		padding: 0 !important;
	}
	
	.mobile-no-bg .mk-padding-wrapper {
		padding: 0 !important;	
	}
	
	.mobile-no-bg .mk-padding-wrapper .vc_col-sm-12 {
		padding: 0 !important;	
	}
	
	
	
}

@media handheld, only screen and (max-width: 760px) {
}

@media handheld, only screen and (max-width: 755px) {
}

@media handheld, only screen and (max-width: 700px) {
}

@media handheld, only screen and (max-width: 620px) {
}

@media handheld, only screen and (max-width: 600px) {
	
/* ==========================================================================
   HOME STYLES
   ========================================================================== */
	
	.home .mk-edge-wrapper[style] {
		min-height: 300px !important;
	}
	
}

@media only screen and (max-width: 550px) {
}

@media handheld, only screen and (max-width: 400px) {
}

@media only screen and (max-width: 1585px) {

	div.ms-layer.msp-cn-2-6{

		top: 250px !important;
	}
	div.ms-layer.msp-cn-2-6 h1.font-text{

		font-size:25px !important ;

	}


}