/*
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:        5.0.10
*/



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

body {
	background-color:#fff;
}

*/


img.mk-desktop-logo.light-logo {
    height: 90px;
}

img.mk-desktop-logo.dark-logo {
    height: 56px;
}

.header-style-1 .menu-hover-style-5 .main-navigation-ul > li.menu-item, .header-style-1 .menu-hover-style-5 .main-navigation-ul > li.menu-item {
    height: 130px;
    line-height: 165px;
}

.main-navigation-ul > li.menu-item > a.menu-item-link {
    padding: 10px 20px !important;
}

.header-style-1.a-sticky .menu-hover-style-5 .main-navigation-ul > li.menu-item {
    height: 75px !important;
    line-height: 94px !important;
}

.contact-submit span.mk-progress-button-content {
    font-weight: 700 !important;
}

.mk-contactinfo-shortcode li {
    margin-bottom: 20px !important;
    font-size: 17px;
}

section#mk-footer .textwidget div {
    font-size: 14px !important;
    font-weight: 600;
    color: #666666;
}

section#mk-footer .textwidget a:hover {
    color: #a33333 !important;
}

#mk-footer {
    padding: 20px 0 10px;
}

.mk-flipbox-holder {
    min-height: 260px !important;
}


.mk-flipbox-back .mk-flipbox-content {
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.mk-flipbox-back .mk-flipbox-content div {
	display: none !important
}


.serv1 .mk-flipbox-back .mk-flipbox-content {
    background-image: url(servicios/serv1.jpg);
}
.serv2 .mk-flipbox-back .mk-flipbox-content {
    background-image: url(servicios/serv2.jpg);
}
.serv3 .mk-flipbox-back .mk-flipbox-content {
    background-image: url(servicios/serv3.jpg);
}
.serv4 .mk-flipbox-back .mk-flipbox-content {
    background-image: url(servicios/serv4.jpg);
}
.serv5 .mk-flipbox-back .mk-flipbox-content {
    background-image: url(servicios/serv5.jpg);
}
.serv6 .mk-flipbox-back .mk-flipbox-content {
    background-image: url(servicios/serv6.jpg);
}
.serv7 .mk-flipbox-back .mk-flipbox-content {
    background-image: url(servicios/serv7.jpg);
}
.serv8 .mk-flipbox-back .mk-flipbox-content {
    background-image: url(servicios/serv8.jpg);
}


.integral {
	padding-left: 10px;
	padding-right: 10px;
}

.widget_contact_info.mk-contactinfo-shortcode li {
    line-height: 26px;
}

.widget_contact_info.mk-contactinfo-shortcode li i {
    line-height: 27px;
}


.preloader-preview-area {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}


@media (min-width: 768px) {

	.mk-flipbox-front {
		align-items: flex-start;
		padding-top: 40px;
	}

	.mk-flipbox-front .front-title {
		font-size: 17px !important;
	}

}


@media (min-width: 768px) and (max-width: 980px) {

	#servicios .wpb_column.vc_column_container.vc_col-sm-3 {
		width: 50%;
	}
	

}


@media (min-width: 766px) {

	.trans-header .bg-true:not(.a-sticky) .mk-header-bg {
		opacity: 0 !important;
	}
	.mk-header {
		background-color: transparent !important;
	}
	#mk-header-1.mk-header:not(.header-style-4):not(.a-sticky) .mk-header-holder {
    position: absolute !important;
    top: 0 !important;
	}
	.bg-true:not(.a-sticky) .mk-header-inner {
		border-bottom: 0px solid #ededed !important;
	}
	.bg-true:not(.a-sticky) .mk-desktop-logo.dark-logo,
	#mk-header-1.header-style-1 .mk-nav-responsive-link	{
		display: none !important;
	}
	.bg-true:not(.a-sticky) .mk-desktop-logo.light-logo,
	#mk-header-1 .mk-header-nav-container {
		display: block !important;
	}
	#mk-header-1.header-style-1.mobile-align-right .header-logo {
		float: none !important;
		position: absolute !important;
	}
	.bg-true:not(.a-sticky) .main-navigation-ul > li.menu-item > a.menu-item-link {
		color: #ffffff !important;
	}
	
}


@media (max-width: 765px) {

	img.mk-desktop-logo.dark-logo {
		height: 80px !important;
	}
	
}


@media (max-width: 900px) {
	
	#padding-31 {
		height: 120px !important;
	}
	#padding-33 {
		height: 150px !important;
	}
	
}


@media (min-width: 985px) and (max-width: 1148px) {

	#quienes-somos .vc_col-sm-3.wpb_column.column_container._.height-full {
		width: 30%;
	}

	#quienes-somos .vc_col-sm-9.wpb_column.column_container._.height-full {
		width: 70%;
	}
	
}


@media (min-width: 950px) and (max-width: 984px) {

	#quienes-somos .vc_col-sm-3.wpb_column.column_container._.height-full {
		width: 35%;
	}

	#quienes-somos .vc_col-sm-9.wpb_column.column_container._.height-full {
		width: 65%;
	}
	
}


@media (min-width: 768px) and (max-width: 949px) {

	#quienes-somos .vc_col-sm-3.wpb_column.column_container._.height-full {
		position: absolute;
		top: -60px;
		right: 120px;
		width: 250px;
	}

	#quienes-somos .vc_col-sm-9.wpb_column.column_container._.height-full {
		width: 65%;
		margin: 0 auto;
		float: none;
		top: 60px;
	}
	
}


@media (max-width: 767px) {

	#quienes-somos {
		text-align: center !important;
	}

	#quienes-somos .vc_col-sm-3.wpb_column.column_container._.height-full {
		margin: 0 auto;
		width: 60%;
		float: none;
		padding-left: 50px;
	}
	
	#padding-9 {
		height: 60px !important;
	}
	
}


@media (max-width: 598px) {

	#mk-footer .textwidget div {
		float: none !important;
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		padding: 1px;
	}
	
}