/*
Theme Name: Jupiter Child
Theme URI: http://demos.artbees.net/jupiter
Template: jupiter
Author: Artbees
Author URI: http://themeforest.net/user/artbees
Description: A Beautiful, Professional and Ultimate Wordpress Theme Made by Artbees. Jupiter is a Clean, Flexible, fully responsive and retina ready Wordpress theme. Its smart and hand crafted environment allows you to Build outstanding websites easy and fast.
Version: 6.1.4.1529952008
Updated: 2018-07-09 18:40:08

*/

/*=======================================
	Home Page CSS
=========================================*/
@media all and (max-width: 885px) {
	body {
		overflow-x: hidden;	
	}
}

body.home #theme-page .theme-page-wrapper {
	margin: 0 auto 20px auto;
}

body.home #theme-page .theme-page-wrapper .theme-content {
	padding: 0px 20px;
}

.header-nav-contact {
    position: absolute;
    z-index: 30;
    top: 0;
    right: 0;
    text-align: right;
    color: #fff;
}

.header-nav-contact>a {
 	color: #fff !important; 
 	font-size: 20px;
    margin-left: 5px;
}

.custom-header .mk-header-bg {
 	background-color: #73c0f4;
}

.header-bottom-bar  {
 	background-color: #017eff;
    text-align: center;
    line-height: 3.6;
    font-weight: 600;
    transition: 400ms ease;
}

.header-bottom-bar>.mk-header-tagline {
	line-height: 3.7!important;
}

.header-bottom-bar>.mk-header-tagline>a {
	color: #fff !important;
}


.pre-sticky.a-sticky .header-bottom-bar{
	margin-top: -5%;
}

.home-header-banner {
 	text-align: center;
	margin-top: 47px;
 }

.home-header-banner h1 {
	margin-bottom: 0px !important;	
}

.home-header-banner p {
 	color: #fff !important;
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 0px !important;
}

#sub-footer {
	border-top: 2px solid #017eff;
}

.mk-grid .mk-footer-copyright a {
	font-weight: 600;
    color: #3a9bff;
}

.partner-section .vc_single_image-wrapper {
	padding: 0 40px;
}

.supporting-section .wpb_single_image img {
	width: 120px;
}

.circular-image-row .mk-circle-image__holder {
	border: 3px solid #017eff;
}

.circular-image-row .mk-text-block>p>a {
	color: #fff;
}

.justify-text p {
	text-align: justify;
}

.custom-cover .mk-text-block p {
	color: #fff  !important;
}

.testi-styles .flex-direction-nav a {
	border: 1px solid #017eff !important;  
}

.testi-styles .flex-direction-nav svg {
	fill: #017eff;
}

.testi-styles .title-line-style::after {
	display: none !important;
}

.testi-styles .title-line-style span {
	color: #fff !important;
}

.home-iconbox-section  .mk-box-icon-2-image {
	padding: 0 0 10px 0;
}

.custom-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	font-size: 12px;
}

.custom-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link {
	line-height: 1.3;
}

/*===================================================
	Navigation CSS (Navigation Responsive & Mega-Menu)
=====================================================*/

@media all and (max-width: 991px) {
	.header-nav-contact {
		position: relative;
	    background-color: #383636;
	    float: left;
	    line-height: 32px;
	    width: 100%;
	    left: auto;
	    right: auto;
	    text-align: center;
	    color: #fff;
	}

	.header-nav-contact>a {
		font-size: 16px;
	}

	body.mk-opened-nav .mk-header-holder.custom-header {
		height:100%;
	}

	.custom-header .mk-responsive-wrap {
		overflow-y: scroll;
		position: fixed;
	    z-index: 999;
	    top: 0;
	    height: 100%;
	    background-color: #222;
	    width: 70%;
	}

	.custom-header .mk-nav-responsive-link {
		top: 40px;
	}

	.custom-header #mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu {
		display: block;
	}

	body.home .custom-header #mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu {
		padding-top: 50px;
	}

	.custom-header #mega-menu-wrap-primary-menu .mega-menu-toggle {
		display: none;
	}

	.home-header-banner {
		margin-top: 0px;
	}

	.pre-sticky.a-sticky .header-bottom-bar {
		margin-top: 0%;
	}

	body.admin-bar .mk-header:not(.header-style-4) .mk-header-holder {
		top: 32px !important;
	}

	#mk-header-1 .mk-header-padding-wrapper {
    	display: block !important;
	}

	.mk-header .mk-header-holder.custom-header {
		position: fixed !important;
		top: 0 !important;
	}

}


/*=======================================
	Elements CSS
=========================================*/

.btn {
	padding: 12px 36px !important;
    display: inline-block;
    transition: 300ms ease !important;
    font-size: 14px !important;
}

.btn.white {
	background-color: #fff;
	color: #079cd4;
}

.btn.white:hover {
	opacity: .8;
}

.btn.border {
	box-shadow: inset 0 0 0 2px #ffffff;
	color: #fff;
}

.btn.border:hover {
	color: #079cd4;
	background-color: #fff;
}

.btn.round {
	border-radius: 50px;
}

.book-online-btn {
	text-transform: uppercase;
}

.social-icons-color .facebook-hover svg {
	fill: #3B5998 !important;
}

.social-icons-color .twitter-hover svg {
	fill: #00aced !important;
}

.social-icons-color .instagram-hover svg {
	fill: #6dc993 !important;
}

.social-icons-color .pinterest-hover svg {
	fill: #c8232c !important;
}

.social-icons-color .googleplus-hover svg {
	fill: #d34836 !important;
}

.social-icons-color .linkedin-hover svg {
	fill: #0077B5 !important;
}

.social-icons-color .whatsapp-hover svg {
	fill: #25d366 !important;
}

.video-wrap .wpb_wrapper {
	margin: auto;
}

/*-------- Hide blog meta ----------*/

.mk-blog-meta-wrapper {
	display: none;
}

/*=======================================
	Hero Header Template CSS
=========================================*/

.custom-heroheader {
	text-align: center;
	position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 20vh 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.custom-heroheader>.overlay {
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.custom-heroheader>h3 {
	color: #fff !important;
    margin: 0;
    font-size: 28px !important;
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.page-content-hero-header {
	margin-top: 40vh;
}

.custom-breadcrumbs {
	position: absolute;
    bottom: 0;
    background-color: #017eff;
}

.custom-breadcrumbs #mk-breadcrumbs .mk-breadcrumbs-inner {
	margin: 0;
	padding: 10px 12px;
	line-height: 12px;
}

.custom-breadcrumbs #mk-breadcrumbs strong {
	color: #fff !important;
}

.column-testimonials .mk-testimonial.avantgarde-style.mk-testimonial {
	margin: 3px auto !important;
}

.column-testimonials .testimonial-ul>li:not(:last-child) {
	border-bottom: 1px solid #dcdcdc;
}

.column-testimonials .testimonial-ul>li:not(:first-child) {
	padding: 30px 0 30px !important;
}


/*=======================================
	Contact Us CSS
=========================================*/

.page-contact-us .custom-heroheader {
	padding: 30vh 0;
}

.page-contact-us .page-content-hero-header {
    margin-top: 60vh;
}

.page-contact-us #mk-sidebar {
	margin-top: 35vh;
    background-color: #000;
    margin-bottom: 15px;
    padding-top: 0 !important;
}

.page-contact-us #mk-sidebar .widgettitle {
	font-size: 21px;
    color: #fff;
    font-weight: 400;
}

.page-contact-us #mk-sidebar .widget.widget_text {
	margin-bottom: 5px;
}

.page-contact-us #mk-sidebar .widget_nav_menu ul {
	border: none;
}

.page-contact-us #mk-sidebar .widget_nav_menu ul li {
	padding: 8px 0;
	border-bottom: 1px solid #303030;
}

.page-contact-us #mk-sidebar .widget_nav_menu ul li a {
	padding: 6px 0;
    font-size: 14px;
}

.request-quote-form input {
	max-width: 100% !important;
	border-radius: 0 !important;
}

.request-quote-form input::placeholder,
.request-quote-form textarea::placeholder {
	font-size: 12px;
}

.request-quote-form div.wpforms-field {
	padding: 5px 0 !important;
}

div.wpforms-container-full.request-quote-form .wpforms-form button[type=submit],
div.wpforms-container-full.contact-us-main-form .wpforms-form button[type=submit],
div.wpforms-container-full.appointment-form .wpforms-form button[type=submit] {
	background-color: #017eff;
	color: #fff;
	border: none;
	margin-top: 5px;
}

.page-contact-us .master-holder h2.wpb_map_heading {
	font-size: 20px;
    margin-bottom: 30px;
    color: #878787;
    font-weight: 500;
}

.page-contact-us .contact-us-wrap {
	display: none;
}

.page-contact-us .contact-us-wrap .contact-us-main-form,
.contact-us-wrap .appointment-form {
	background-color: rgba(0, 0, 0, 0.8);
	padding: 15px;
}

.page-contact-us .contact-us-wrap .contact-us-main-form label,
.contact-us-wrap .appointment-form label  {
	font-weight: 500;
    font-size: 14px;
}

.page-contact-us .contact-us-wrap .contact-us-main-form input,
.page-contact-us .contact-us-wrap .contact-us-main-form textarea,
.page-contact-us .sidebar-wrapper .contact-us-main-form input,
.page-contact-us .sidebar-wrapper .contact-us-main-form textarea,
.contact-us-wrap .appointment-form input,
.contact-us-wrap .appointment-form textarea {
	border-radius: 0px !important;
    border: none !important;
    color: #000 !important;
    max-width: 100% !important;
}



@media all and (max-width: 960px) {
	.page-contact-us #mk-sidebar {
		display: none;
	}

	.page-contact-us .contact-us-wrap {
		display: block;
	}
}


/*=======================================
	Footer CSS
=========================================*/

.footer-logo {
	width: 220px;
    display: block;
    margin: auto;
}

/*=======================================
	Article-page
=========================================*/

.sidebar-wrapper .widget_posts_lists .post-list-meta {
	display: none !important;
}

/*=======================================
	Before-After-page
=========================================*/

.image-slide-custom .mk-imagebox {
	padding: 0 15%;
}

.image-slide-custom .slick-slider {
	background: #fff;
}

.image-slide-custom .slick-slide:focus {
	outline: none;
} 

.theme-page-wrapper:not(.full-width-layout) .vc_inner.vc_row.services-row {
    max-width: 1340px;
    margin: 0 auto  !important;
    float: none;
    display: block;
}

.theme-page-wrapper:not(.full-width-layout) .vc_inner.vc_row.services-row .wpb_column {
    margin: 0 0px;
    padding: 30px 30px;
}

.theme-page-wrapper:not(.full-width-layout) .vc_inner.vc_row.services-row .wpb_column .vc_column-inner {
    min-height: 350px;
    padding: 40px 40px;
	display: flex;
    align-items: center;
	    transition: all ease 300ms;

}

.services-row h3.vc_custom_heading {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 26px;
}

.services-row p {
    font-size: 16px;
}

.services-row .mk-button {
    border-radius: 13px;
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    padding: 16px 20px;
}

.theme-page-wrapper:not(.full-width-layout) .vc_inner.vc_row.services-row .wpb_column .vc_column-inner:hover {
    background: #ececec !important;
}
.header-section.mk-header-social svg{
	width:25px !important;
}
/*=======================================
	Responsive
=========================================*/

@media all and (max-width: 991px) {
	.image-slide-custom .mk-imagebox {
		padding: 0 10%;
	}
}

@media all and (max-width: 767px) {
	.partner-section .vc_single_image-wrapper>img {
		width: 125px;
	}

	.custom-heroheader>h3 {
		font-size: 24px !important;
	}

	.image-slide-custom .mk-imagebox {
		padding: 0 0%;
	}
	.mk-header-right{
		display:block !important;
		overflow: hidden;
		margin-top:25px;
	}
}

@media all and (max-width: 700px) {
	.custom-breadcrumbs #mk-breadcrumbs .mk-breadcrumbs-inner {
		margin: 0 !important;
	}
}

@media all and (max-width: 660px) {
	.home-section-1 h2 {
		font-size: 22px !important;
	}

	.home-section-1 .five-star-rating-img img {
		width: 150px;
	}

	.home-iconbox-section  .mk-box-icon-2-image>img {
		width: 50px;
	}

	.circular-image-row .mk-circle-image img {
		max-width: 110px;
	}

	.custom-heroheader>h3 {
		font-size: 20px !important;
	}
}


@media all and (max-width: 540px) {
	.custom-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		font-size: 10px !important;
	}

	.image-slide-custom .mk-imagebox {
		padding: 0 7%;
	}
}

@media all and (max-width: 440px) {
	.custom-heroheader>h3 {
		font-size: 16px !important;
	}

	.custom-header .mk-responsive-wrap {
		width: 80%;
	}
}

button#responsive-menu-button {
    width: 55px;
    height: 55px;
    position: fixed;
    top: 15px !important;
    right: 5%;
    background: #000000;
}