/*
Theme Name:     KHS-multiservice
Theme URI: 	http://themeforest.net/user/artbees
Description:    KHS-multiservice GmbH 
Author:         Andreas Poloczek
Theme URI: 	http://themeforest.net/user/artbees
Template:       jupiter
Version:        5.0
*/


/* Entwurfsphase */

span.header-toolbar-contact i {
	font-family:'FontAwesome'!important;
}

a.mk-quick-contact-link {
	display: none!important;
}
body {
	letter-spacing: -0.2px;
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: -0.5px;
}

/* Helper Classes
____________________________________________________*/

.invert {
	color:#FFF!important;
}

.tcenter {
	text-align:center!important;
}

.center {
	margin: auto;
	text-align: center;
}

.bold {
	font-weight:600!important;
}

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

.mb30 {
	margin-bottom:30px;
}

.mt30 {
	margin-top:30px;
}

.pt30 {
	padding-top: 30px;
}

.pb30 {
	padding-bottom: 30px;
}

.visible-non {
    display:none!important;
}


/* Typografie
____________________________________________________*/

h1.section-start-hero-image, h3.section-start-leistungen, h3.section-start-ueberuns {
	font-size: 36px!important;
	color: #FFF!important;
	text-align: center;
	font-weight: 600!important;
}

h2.section-start-hero-image, h4.section-start-leistungen, h4.section-start-ueberuns {
	font-size: 18px!important;
	color: #FFF!important;
	text-align: center;
}

h3.section-start-portfolio {
	font-size: 36px!important;
	color: #5f6876!important;
	text-align: center;
}

div#page-section-11 h3 {
	font-size: 24px!important;
}

.master-holder h3 {
	font-weight: 600!important;
}

/* Main Menü
____________________________________________________*/

li#menu-item-363 a:after, li#menu-item-628 a:after {
    background-color: #5e94d8;
}

li#menu-item-431 a:after, li#menu-item-632 a:after {
    background-color: #c61e55;
}

li#menu-item-73 a:after, li#menu-item-664 a:after {
    background-color: #78e44c;
}

li#menu-item-72 a:after, li#menu-item-641 a:after {
    background-color: #5f6876;
}

.mk-main-navigation li.no-mega-menu ul.sub-menu, .mk-main-navigation li.has-mega-menu > ul.sub-menu, .mk-shopping-cart-box {
    background-color: #5f6876!important;
}

.main-navigation-ul > li.menu-item > a.menu-item-link {
text-transform: none!important;
}

/* Suche - Fullscreen Overlay
____________________________________________________*/

.mk-fullscreen-search-overlay {
	background:#5f6876!important;
}


/* Header - Menü
____________________________________________________*/

.header-logo.fit-logo-img.add-header-height.logo-is-responsive.logo-has-sticky {
    	padding: 10px 0px 10px 0px;
	margin-left: 0;
}

.main-nav-side-search {
    margin: 0px 45px 0px 25px;
}

.mk-language-nav {
    margin-right: 0px;
}

.mk-language-nav {
    margin-right: 45px;
}

.mk-toolbar-holder {
    float: right;
    padding: 0px;
}


/* Content - Custom Styles
____________________________________________________*/

.vc_general.vc_cta3 .vc_cta3-actions .vc_btn3-container {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern {
    color: #FFF;
    border-color: #5f6876!important;
    background-color: #5f6876!important;
}

.vc_general.vc_cta3.vc_cta3-color-classic.vc_cta3-style-flat {
    border-color: transparent;
    background-color: transparent!important;
}

.vc_general.vc_cta3.vc_cta3-color-classic.vc_cta3-style-flat .vc_cta3-content-header {
    color: #fff!important;
}

.vc_cta3-content p {
    color: #fff;
}

body.page-id-15 #theme-page .theme-page-wrapper .theme-content {
    padding: 0px 0px;
}


/* Buttons
____________________________________________________*/

.mk-box-icon .icon-box-readmore {
    float: left!important;
    margin: 15px 0px 15px 0;
    font-size: 16px;
}

a.icon-box-readmore {
	color: #c61e55;
}

a.icon-box-readmore:hover {
	text-decoration: underline;
	color: #c61e55;
}

a.icon-box-readmore:hover i {
	text-decoration: none;
	color: #c61e55;
}

.start-leistungen--cta-button a, .start-leistungen--cta-button button {
	background-color: #c61e55!important;
	color: #FFF!important;
	border: 2px solid #c61e55!important;
}

.start-leistungen--cta-button a:hover, .start-leistungen--cta-button button:hover {
	background-color: #FFF!important;
	color: #c61e55!important;
	border: 2px solid #c61e55!important;
}

.start-kontakt--cta-button a {
	background-color: #78e44c!important;
	color: #FFF!important;
	border: 2px solid #78e44c!important;
}

.start-kontakt--cta-button a:hover {
	background-color: #FFF!important;
	color: #78e44c!important;
	border: 2px solid #78e44c!important;
}


/* Seite - Leistungen
____________________________________________________*/

body.page-id-426 #leistungen li, body.page-id-629 #leistungen li {
	list-style-type: square;
	word-break: break-word;
}

/* Seite - Über uns
____________________________________________________*/
.vc_separator.vc_separator_align_center h4 {
	text-transform: uppercase;
	font-weight: 600;
}

/* Sidebar - Leistungen
____________________________________________________*/

div.sidebar-leistungen {
	margin-bottom: 30px;
}

.sidebar-leistungen a {
	color: #5f6876;
}

.sidebar-leistungen a:hover {
	color: #c61e55;
}

.sidebar-leistungen a:active {
	color: #c61e55;
}

.sidebar-leistungen a:focus {
	color: #5f6876;
}

.sidebar-leistungen a:active {
	color: #5f6876;
}

.sidebar-leistungen i {
	vertical-align: baseline!important;
	margin-right: 5px;
}

.sidebar-leistungen h4 {
	margin-left: -6px;
}

/* Media Queries
____________________________________________________*/

@media only screen and (max-width: 480px) {
	h2 {
		font-size: 22px!important;
	}
	h3, h3.section-start-portfolio {
		font-size: 28px!important;
	}
	h1.section-start-hero-image, h3.section-start-leistungen, h3.section-start-ueberuns {
		font-size:32px!important;
	}
	.mk-box-icon.simple_ultimate-style {
		padding-right: 0!important;
	}
	.master-holder h4 {
		font-size: 14px!important;
		text-align: center;
	}
	body.page-id-55 #page-section-2 #background-layer--2, body.page-id-662 #page-section-2 #background-layer--2, body.page-id-55 #page-section-13 #background-layer--13, body.page-id-662 #page-section-13 #background-layer--13 {
		background-image: url(http://khs-multiservice.de/wp-content/uploads/2016/03/khs-multiservice-gmbh-ueber-uns-mobile.jpg)!important;
	}
	body.page-id-426 .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper,
	body.page-id-629 .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper,
	body.page-id-279 .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper,
	body.page-id-618 .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper {
		display: inline-block!important;
	}
	body.page-id-426 .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.large,
	body.page-id-629 .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.large,
	body.page-id-279 .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.large,
	body.page-id-618 .mk-box-icon.simple_ultimate-style .left-side .mk-main-ico.large {
		width: 100%;
		margin: auto;
		display: block;
		text-align: center;
	}
	body.page-id-426 .mk-box-icon.simple_ultimate-style .left-side,
	body.page-id-629 .mk-box-icon.simple_ultimate-style .left-side,
	body.page-id-279 .mk-box-icon.simple_ultimate-style .left-side,
	body.page-id-618 .mk-box-icon.simple_ultimate-style .left-side {
		padding-right:0;
	}

	body.page-id-426 .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.large-size,
	body.page-id-629 .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.large-size,
	body.page-id-279 .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.large-size,
	body.page-id-618 .mk-box-icon.simple_ultimate-style .left-side .box-detail-wrapper.large-size {
		margin-left: 0;
	}
	body.page-id-426 .box-detail-wrapper.large-size h4,
	body.page-id-629 .box-detail-wrapper.large-size h4,
	body.page-id-279 .box-detail-wrapper.large-size h4,
	body.page-id-618 .box-detail-wrapper.large-size h4 {
		margin-top: 15px;
	}
	body.page-id-426 .mk-box-icon .icon-box-readmore,
	body.page-id-629 .mk-box-icon .icon-box-readmore,
	body.page-id-279 .mk-box-icon .icon-box-readmore,
	body.page-id-618 .mk-box-icon .icon-box-readmore {
		text-align: center;
		display: block;
		float: none!important;
	}
	body.page-id-279 .box-detail-wrapper.large-size p,
	body.page-id-618 .box-detail-wrapper.large-size p {
		text-align: center;
	}
	body.page-id-279 div#page-section-27 div.mk-text-block p,
	body.page-id-618 div#page-section-27 div.mk-text-block p {
		text-align: center;
	}
}

@media (min-width: 1800px) {
	body.page-id-55 .full-width-2 .page-section-content,
	body.page-id-662 .full-width-2 .page-section-content,
	body.page-id-55 .full-width-13 .page-section-content,
	body.page-id-662 .full-width-13 .page-section-content {
		min-height: 640px;
		padding: 240px 0 240px;
	}
}