/*
Theme Name:     Jupiter Child Theme
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/
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}

*/

/*==============================================custom Css=======================================*/

@font-face {
    font-family: 'FranklinGothicHeavyRegular';
    src: url('fonts/FranklinGothicHeavyRegular.eot');
    src: url('fonts/FranklinGothicHeavyRegular.eot') format('embedded-opentype'),
         url('fonts/FranklinGothicHeavyRegular.woff2') format('woff2'),
         url('fonts/FranklinGothicHeavyRegular.woff') format('woff'),
         url('fonts/FranklinGothicHeavyRegular.ttf') format('truetype'),
         url('fonts/FranklinGothicHeavyRegular.svg#FranklinGothicHeavyRegular') format('svg');
}

h1, h2, h3, h4, h5, h6, a, ul, li, p, .widgettitle, .mk-footer-copyright, input[type="email"], input[type="text"], input[type="tel"], .wpcf7-textarea {font-family: 'FranklinGothicHeavyRegular' !important; text-transform:none !important; font-weight:normal !important;}

.header-style-2.header-align-left .mk-header-nav-container{ text-align:center; border-bottom: 4px solid #00284d;}
.header-style-2 .main-navigation-ul > li.menu-item{ line-height:52px;}
.menu-hover-style-2 .main-navigation-ul > li.current-menu-item > a.menu-item-link{ text-decoration:underline;}
.mk-classic-menu-wrapper{ width: 1198px !important;}
.header-style-2 .main-navigation-ul > li.menu-item > a.menu-item-link{ margin:0 26px;}
.header-style-2 .header-logo a img{ margin-left: 61px;}
.header-style-2 .main-navigation-ul > li.menu-item > a.menu-item-link::after {content: '|';display: block;color: #fff;position: absolute; right: -22px; top: 13px;}
.header-style-2 .main-navigation-ul > li:last-child.menu-item a:after{ display:none;}

.mk-header-right{ right: 91px; top: 27px; z-index:999;}
.header-right-text{}
.header-right-text .widget{ margin-bottom:0;}
.header-right-text h2{ font-family: 'FranklinGothicHeavyRegular' !important; font-size:60px !important; color:#000 !important;}

.mk-footer-copyright{ float:none; display:block; text-align:center; padding:20px 0;}
.mk-footer-copyright a{ color:#fff !important;}

.widget-sub-navigation ul li.current_page_item a, .widget_nav_menu ul li.current_page_item a, .widget_product_categories ul li.current_page_item a, .woocommerce-MyAccount-navigation ul li.current_page_item a{ background-color: transparent;}
#mk-footer #nav_menu-2 .widget-sub-navigation ul li, #mk-footer #nav_menu-2.widget_nav_menu ul li{ line-height: 32px; border-bottom: 1px solid #fff !important;}
#mk-footer .widget-sub-navigation ul li, #mk-footer .widget_nav_menu ul li:last-child{ border:none !important;}
#mk-footer #nav_menu-2 .widget-sub-navigation ul li, #mk-footer #nav_menu-2.widget_nav_menu ul li a{ font-size:14px; text-transform:uppercase;}
#mk-footer .widget_nav_menu .mk-svg-icon{ display:none;}
#mk-footer #nav_menu-2.widget_nav_menu ul{ width: 85%;}

.f_email-left{ width:49%; float:left;  margin-bottom: 2px;}
.f_phone-right{ width:49%; float:right;  margin-bottom: 2px;;}
.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea{ width:100%;}
#mk-footer .wpcf7-form .wpcf7-text{ height:34px;}
#mk-footer .wpcf7-form .wpcf7-textarea{ height:74px;}

#mk-footer .wpcf7-form p{ margin-bottom:3px !important;}
#mk-footer .wpcf7-submit{ background:#898c8e; padding:15px 41px;}
#mk-footer .wpcf7-submit:hover, #mk-footer .wpcf7-submit:focus{ background:#004b92;}

.home .portfolio-categories, .home .the-excerpt{ display:none;}

.home .portfolio-meta-wrapper{ background:#004b92; text-align:center; min-height:80px;}
.portfolio-meta-wrapper .the-title{ font-size: 20px !important; margin-bottom:0;}
.home .image-hover-overlay{ background:#000000 !important; opacity:0.33;}

.mk-header { position:fixed;}
#layerslider_1 {margin-top: 190px !important;}



/*=======================================media css============================================*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/*style*/
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/*style*/
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape){
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait){
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape){
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait){
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape){
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait){
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape){
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait){
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}


/* Nexus 7 (portrait and landscape) ----------- */
@media only screen and (min-device-width : 603px) and (max-device-width : 966px) {

}


/* Nexus 7 (portrait) ----------- */
@media only screen and (max-width : 603px) and (orientation: portrait) {
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}


/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape){
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait){
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape){
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait){
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape){
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait){
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

/* Samsung Galaxy note ----------- */
@media only screen and (max-width: 800px) and (orientation : landscape){
/*style*/
}

@media only screen and (max-width: 800px) and (orientation : portrait){
/*style*/
}


/* Galaxy Nexus (portrait and landscape) ----------- */
@media only screen and (min-device-width : 360px) and (max-device-width : 598px) {
.header-style-2 .header-logo a img{ margin-left: 14px;}
.mk-header-right{ display:block !important;  text-align:center; top:auto; bottom:0; width: 100%;}
.header-style-1 .mk-header-right, .header-style-2 .mk-header-right, .header-style-3 .mk-header-right{ right: auto !important;}
.header-right-text h2 {font-size: 21px !important; margin-bottom:7px;}
.header-style-2 .header-logo a img{ top: 33px;}
.mk-nav-responsive-link{ top: 36%; right: 3px !important;}
.mk-footer-copyright{ padding:20px 9px !important;}
.portfolio-meta-wrapper .the-title{ font-size: 15px !important;}
.portfolio-meta-wrapper{ padding: 15px 5px;}

#layerslider_1{ margin-top:0 !important;}
.mk-header{ position: relative;}

}

/* Galaxy Nexus (landscape) ----------- */
@media only screen and (min-width : 361px) and (orientation: landscape){

}

/* Galaxy Nexus (portrait) ----------- */
@media only screen and (max-width : 360px) and (orientation: portrait) {

}

}


/*=======================================//end css============================================*/

/*=======================================recaptcha resize css============================================*/
@media screen and (max-height: 575px){ #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} }