/*
Theme Name: Maple Child
Description: Child theme for the Maple Theme
Author: TreeKode
Template: maple
Version: 2.2
*/


/* FONTS Local*/
/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/lato-v14-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Lato Hairline'), local('Lato-Hairline'),
       url('fonts/lato-v14-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v14-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v14-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v14-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v14-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/lato-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Black'), local('Lato-Black'),
       url('fonts/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lato-v14-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}


/* Allgemeines */

body, p, .lovepost a, .widget ul li a, .widget p, .widget span, .widget ul li, .the_content ul li, .the_content ol li, #recentcomments li, .custom-widget h4, .widget.des_cubeportfolio_widget h4, .widget.des_recent_posts_widget h4, .custom-widget ul li a, .aio-icon-description, li, .smile_icon_list li .icon_description p, .navbar-default .navbar-nav > li > a {
    font-family: 'Lato', sans-serif !important;
}


.navbar-collapse ul.menu-depth-1 li:not(.maple_mega_hide_link) a, .dl-menuwrapper li:not(.maple_mega_hide_link) a, .gosubmenu, .nav-container .maple_minicart ul li {

     font-family: 'Lato', sans-serif !important;
    font-size: 12px;
    color: black;
    letter-spacing: 0px;
    text-transform: uppercase;
    letter-spacing: 0.4px;

}




.dl-menuwrapper li:not(.maple_mega_hide_link) a{
	letter-spacing:0.4px !important;
}

p{
	color: #999999 !important;
}

h1, .kontakt-title-top{
	color: #999999 !important;
	font-size: 20px  !important;
	margin-bottom: 20px !important;
	letter-spacing: 0.3px  !important;
}


h2{
	color:#000000 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px  !important;
	font-size: 60px !important;
	margin-bottom: 50px !important;
}

h2.custom-subtitle{
	font-size:20px !important;
	text-align:center;
	
}


/* Header */

header a.navbar-brand img {
    max-height: 30px;
	top: -5px;
}


.header_after_scroll .nav-container > .navbar-collapse.collapse {
    margin-top: 5px;
}

header.header_after_scroll a.navbar-brand img.logo_after_scroll {
    max-height: 30px;
}


header.style1.header_after_scroll .maple_right_header_icons {
    padding-top: 0px;
}


/* Home Allgemein */

#section-anwendungen-boxes{
		padding-top:30px !important;
}

.flip-box-wrap .flip-box .flipbox_heading {
    font-weight: 500;
}

#title-showreel{
    text-align:center;
    color:white !important;
    margin-bottom:0 !important;
}

.aio-icon{
    margin-top: 10px !important;
    margin-right: 6px !important;
}


.left-icon .aio-icon-left .aio-icon, .left-icon .aio-icon-left .aio-icon-img {
    margin-right: 1px !important;
}

.info-circle-heading{
	line-height:1.3;
}

.info-circle-text{
	line-height:1.3;
}


.aio-icon-img .img-icon {
    margin-left: 5px;
}

.flip-box-wrap .flip-box .flipbox_heading {
	margin-left:-6px !important;
}

.flip-box .ifb-back .flipbox_heading{
	margin-left:0 !important;
}


.flipbox_heading{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
}



div#n2-ss-3 .n2-ss-control-bullet {
    bottom: 30px !important;
}

.flip-box-wrap .ifb-front, .flip-box-wrap .ifb-back {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    min-height: 220px !important;
}

.flip-box-wrap .ifb-back p{
    margin-top: 20px;
color: #5a5a5a !important;
font-size: 14px !important;
line-height: 1.5 !important;
padding: 0 30px;
}

.n2-ss-slider-2{
    background-color:black !important;
}


.blog-default-bg-masonry h3 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:black;
}


/* Über uns Bereich */

#ueber-uns-text-wrap{
	max-width: 350px;
}

.tparrows {
    background: none !important;
}

.tparrows:hover {
    background: none !important;
}

/* Kontakt */
.custom-kontakt{
margin-bottom: 16px !important;
text-transform: uppercase;
letter-spacing: 0.4px;
font-weight: 500;
}


/* Footer */

#secondary_footer a.szn-link{
	color:#9e9e9e !important;
}

#secondary_footer a.szn-footer-text{
color: black !important;
letter-spacing: 1px;
font-size: 22px;
margin-left: 40px;
}

.szn-footer-img{
width: 169px !important;
	margin: 0;
margin-bottom: 30px;
margin-top: 30px;
}

#secondary_footer .footer_custom_text.center {
    opacity: 1;
}

#secondary_footer {
    background-color: #F5F5F5 !important;
}

#secondary_footer a{
	font-family: 'Lato', sans-serif !important;
	color: #4b4b4b !important;
	margin-left: 12px;
	margin-right: 12px;
	font-weight: 300;
	font-size: 14px !important;
}


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

		
	#format-title{
		margin-bottom: 60px !important;
	}
	
		#section_page-3{
		margin-bottom:40px !important;
	}
	
	.blog-default-bg-masonry .post-content{
		padding:20px !important;
	}
	
	#title-showreel{
		padding-top:60px !important;
		padding-bottom:20px !important;
	}
	
	h2.custom-subtitle {
	padding-top: 80px !important;
}
	
	.showreel-title-video{
		margin-top: -20px !important;
	}
	
	
	#showreel-slider{
		padding-bottom:50px;
	}
	
	
	
	div.ueber-uns-inner{
		padding-top:0 !important;
		padding-bottom: 50px !important;
	}
	h2 {
    letter-spacing: 1px !important;
		font-size: 20px !important;
		margin-bottom: 20px !important;
	}
	
	h1, .kontakt-title-top {
    font-size: 14px !important;
		margin-bottom:0 !important;
		margin-top: 20px !important;
		padding-top: 60px !important;
	}
	
	.desktop-spacer{
		display:none;
	}
	
	.info-wrapper{
		margin-top: 20px;
	}
	
	.szn-info-inner .info-circle-icon::before{
		top: 8px;
		position: relative;
	}
	
	.szn-info-inner .icon_list_icon{
		width: 34px !important;
height: 34px !important;
		
	}
	
	.blog-default-bg-masonry .post-summary {
    font-size: 13px !important;
    line-height: 1.5 !important;
}
	
	.journal .journal-post {
    margin-bottom: 10px !important;
}
	
	.szn-info-inner .icon_list_connector{
		left:15px !important;
	}
	
	.szn-info-inner .smile_icon_list li.icon_list_item {
    margin: 0 0 16px !important;
	}
	
	.szn-info-inner  .info-circle-wrapper .smile_icon_list.left li .icon_description {
    border-radius: 0;
    padding: 10px 10px 10px 10px;
}
	
	.szn-info-inner .icon_description{
		    font-size: 14 !important;
    color: black !important;
background-color: #ededed !important;
	}
	
	h2.custom-subtitle {
    font-size: 16px !important;
    margin-top:0px !important;
}
	
	.flip-box-wrap .ifb-back p {
    font-size: 12px !important;
	}
	
	.blog-default-bg-masonry h3 {
    font-size: 14px;
}
	
	.anwendungen-inner{
		padding-bottom:0 !important;
	}
	
	#kontakt-inner{
		padding-bottom:20px !important;
		padding-top:0 !important;
	}
	
	.blog-default.wideblog {

    margin-bottom: 0px;
}
	.flip-box-wrap{
		 margin-bottom: 30px !important;
	}
	
	.aio-icon-description p{
		font-size:12px !important;
	}
	
	.padding-box-masonry {
    padding: 20px 0 0 0;
}
	
	.aio-icon-component, .wpb_column > .wpb_wrapper .aio-icon-component {
    margin-bottom: 0 !important;
}
	
	.custom-kontakt {
    font-size: 14px !important;
		margin-bottom:6px !important;
	}
	
	#secondary_footer p {
    margin-left: -20px !important;
}
	
	#secondary_footer {
    padding-top: 20px !important;
    padding-bottom: 20px !important;

}
	
	#kontakt-item-text-1{
		font-size:13px !important;
	}
	
		
	#kontakt-item-text-2{
		font-size:13px !important;
	}
	
		
	#kontakt-item-text-3{
		font-size:13px !important;
	}
	
	#secondary_footer a.szn-footer-text {
    font-size: 14px;
	}
	
	.szn-footer-img {
    width: 100px !important;
		margin-bottom: 5px;
margin-top: 5px;
	}
	
	#secondary_footer a.szn-link {
    font-size: 12px;
}
	#secondary_footer a.szn-footer-text {
    margin-left: 20px;
}
	
	.kontakt-img-wrapper img {
    width: 60%;
    margin-bottom: 20px;

}
	
}


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

}


@media screen and (min-width: 768px) and (max-width: 979px) {
	h2.custom-subtitle {
    font-size: 18px !important;
    margin-top: 30px !important;
}
	
	.blog-default-bg-masonry h3 {
    font-size: 16px;
}
	
	.blog-default-bg-masonry .post-summary {
    font-size: 14px !important;
    line-height: 1.5 !important;
}
	
	#section_page-4{
		margin-top:50px;
	}
	
	
	.flip-box-wrap .ifb-back p {
    padding: 0 10px !important;

}
}


@media screen and (min-width:801px) and (max-width: 979px) {
	.szn-info-inner .info-circle-icon::before {
    top: 0px;
}
	
	.info-circle-text{
		font-size:12px !important;
		margin-top:10px !important;
		padding-top:0 !important;
		line-height:1.4;
	}
}

@media screen and (min-width:980px) and (max-width: 1279px) {
	
	
	.info-circle-text{
		font-size:12px !important;
		margin-top:14px !important;
		padding-top:0 !important;
		line-height:1.4;
	}
}

@media screen and (min-width:1280px) and (max-width: 1900px) {
	
	.middle-desktop{
		display:none;
	}
}

@media screen and (min-width:980px){
.left-icon .aio-icon-left .aio-icon, .left-icon .aio-icon-left .aio-icon-img {
    top: 5px;
    position: relative;
}
	
	#title-showreel {
    font-size: 30px !important;
    padding-top: 60px;
}
	#section_page-2{
		margin-bottom:80px !important;
	}
}

@media screen and (min-width:1280px){
	
	

	
h2.custom-subtitle {
    padding-top: 50px !important;
}
	
			#title-showreel {
    padding-top: 100px;
			font-size: 50px !important;
}
	
	#section_page-2{
		margin-bottom:120px !important;
		padding-bottom:20px !important;
	}
	
	
		#section-anwendungen-boxes {
    padding-bottom: 30px !important;
}
}

@media screen and (min-width:1920px){
h2.custom-subtitle {
    font-size: 30px !important;
	padding-top: 80px !important;
}
	
		#title-showreel {
    padding-top: 100px;
			font-size: 50px !important;
}
	#section_page-2{
		padding-bottom:20px !important;
	}
	
}


@media screen and (max-width:399px){
.dl-menuwrapper .dl-menu.dl-menuopen {
    top: 34px;
}
}




@media screen and (min-width:768px) and (max-width:993px){
	
	#title-showreel {
    font-size: 30px !important;
}
}


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



h1, .kontakt-title-top {
    padding-top: 20px !important;
}
	
	h2.custom-subtitle, #title-showreel {
    padding-top: 40px !important;
}
	
	
	#section_page-2{
		margin-bottom:40px !important;
	}
	
	.blog-default-bg-masonry .post-summary {
    margin-top: 4px;
}
	
	.fadeInUpBig {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
	
	#section_page-5{
		margin-top:2px !important;
	}
	
	
}


@media screen and (min-width:768px) and (max-width:979px){
	
		
	h1, .kontakt-title-top {
    padding-top: 24px !important;

}
	h2.custom-subtitle {

    padding-top: 20px !important;
	}
	
	#section_page-2{
		margin-bottom:40px !important;
	}
	
	

	
}


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

	
	.dl-menuwrapper button{

    top: -12px;
	}
	
	

}



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

	h2.custom-subtitle {
    padding-top: 50px !important;
	}
	
	#section_page-2{
		margin-bottom:40px !important;
	}
	
	
	.custom-kontakt {
    text-transform: none;
    font-size: 20px;

}
	
	#section-anwendungen-boxes {
    padding-bottom: 30px !important;
}
	
	#kontakt-item-text-1,#kontakt-item-text-2,#kontakt-item-text-3{
		font-size:14px !important;
	}
	
	#section_page-2{
		padding-bottom:20px !important;
	}
}

@media screen and (max-width:767px){
	
	div.ueber-uns-inner {
    padding-bottom: 20px !important;
}
}