@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: MassimoGrafia;
  src: url('../fonts/MassimoGrafia-Bold.woff') format('woff');
  src: url('../fonts/MassimoGrafia-Bold.woff2') format('woff2');

  font-weight: 600;
  font-style:normal;
}

@font-face {
  font-family: MassimoGrafia;
  src: url('../fonts/MassimoGrafia-Regular.woff') format('woff');
  src: url('../fonts/MassimoGrafia-Regular.woff2') format('woff2');

  font-weight: 300;
  font-style:normal;
}

@font-face {
  font-family: MassimoGrafia;
  src: url('../fonts/MassimoGrafia-Light.woff') format('woff');
  src: url('../fonts/MassimoGrafia-Light.woff2') format('woff2');

  font-weight: 100;
  font-style:normal;
}

@font-face {
  font-family: MassimoGrafia;
  src: url('../fonts/MassimoGrafia-Medium.woff') format('woff');
  src: url('../fonts/MassimoGrafia-Medium.woff2') format('woff2');

  font-weight: 400;
  font-style:normal;
}




@font-face {
  font-family: Butler;
  src: url('../fonts/MButler_Bold.woff') format('woff');


  font-weight: 600;
  font-style:normal;
}

@font-face {
  font-family: Butler;
  src: url('../fonts/Butler_Regular.woff') format('woff');


  font-weight: 300;
  font-style:normal;
}

@font-face {
  font-family: Butler;
  src: url('../fonts/Butler_Light.woff') format('woff');


  font-weight: 100;
  font-style:normal;
}

@font-face {
  font-family: Butler;
  src: url('../fonts/Butler_Medium.woff') format('woff');


  font-weight: 400;
  font-style:normal;
}








html,body{
	font-family: Butler;
	font-weight: 100;
	font-size: 24px;
	color:black;
	font-feature-settings: 'calt' 0!important;
 /*  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; */
	
	
}


#menutitle{font-size: 20px; font-weight: bold;}
.text-black{color:black;}
.site-logo {
   margin-top: 20px!important;
}

#indexTop{margin-top:200px; font-size:36px; font-weight:400}
#indexTop a{color:#ac1539;}
#indexMid{background-color: #e3e3e3; margin-top: 120px; padding:50px 0 150px 0}
#footer{background-color: #ac1539; color: #fff;padding:50px 0; line-height: 30px; font-size: 18px}
#footer a{ color: #fff;}

.icon-close2{position: absolute; left:0px; color:#fff;}
.icon-menu{float:left; margin:3px 10px 0 0}

a{color:#ac1539; text-decoration: underline;}

a:hover{text-decoration: none;}

.subMenu{width:200px!important; float:left; margin-top:30px }
.subMenu a{font-size:20px!important;}
#title{width:80%;}
.d-lg-block{margin-top:30px!important;}
.footerTitle{font-weight: 400; border-bottom:3px solid white; padding:0 0 14px 0px; margin-bottom: 20px;}
.footerMenu{font-weight: 400}
.footerMenu a {text-decoration: none;}
.footerMenu a:hover {text-decoration: underline;}

.headerLeft{width: 50%; display: inline-block;float:left;}
.headerRight{width:50%;display: inline-block; float:right;text-align: right;}

#queryMarker{display:none; position: fixed; top:0;left:0px; background-color: rgba(136,0,2,1.00); color:#fff;}

#kontaktButFooter{background-color: #fff; color:#ac1539!important; border-radius: 30px;     padding: 14px 60px 10px 60px; font-weight: 400; text-decoration: none;border:2px solid #ac1539; }
#kontaktButFooter:hover{background-color: #ac1539; color:#fff!important; border:2px solid white; }

#contBut{background-color: #fff; color:#ac1539!important; border-radius: 30px; padding:10px 60px; font-weight: 400; text-decoration: none;border:2px solid #ac1539; }
#contBut:hover{background-color: #ac1539; color:#fff!important; border:2px solid white; }

#contBut2{background-color: #ac1539; color:#fff!important; border-radius: 30px; padding:10px 60px; font-weight: 400; text-decoration: none;border:2px solid #ac1539; }
#contBut2:hover{background-color: #fff; color:#ac1539!important; border:2px solid #fff; }


#contentTop{margin-top:170px;padding-bottom:100px}

p{font-size: 24px!important; color:#000;}

h1{font-size:45px; font-weight: 400!important;}
h2{font-weight:400!important}

p .icon{font-size: 50px!important; text-decoration: none; float:left; clear: both; margin-top: -16px; margin-right: 15px}

.contentList li{margin-bottom: 30px; font-size: 24px;}
.leftRightRow{display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;}

.lrIMGCol{background-position: center; background-size: cover; background-repeat: no-repeat; display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;}

.teamRow{font-size: 24px!important; font-weight: 300; line-height: 40px; margin-bottom: 50px;}

.teamRow{list-style-type: none; }
.teamRow div ul li::before{
	content: "• ";
	
}

.teamRow div ul li{
	list-style-type: none;
	
}

.teamRow div ul {
	padding-left:0px
	
}

.site-mobile-menu .site-nav-wrap > li > a:hover {text-decoration: underline;}


.site-menu-toggle{text-decoration: none;}

.download{width:50px; float:left; margin-top: -15px; margin-right: 10px;}

.contMid{background-color:#e3e3e3}
#footerList{line-height: 20px; list-style-type: none;padding: 0px}
#footerList li{margin-bottom: 10px!important;}

#googleMaps{padding:140px 140px;}

/*-------------- media queries -------------------*/

/****************************** BREAKER 2 ************************************************/
@media (min-width: 992px) and (max-width: 1199px) {
	.footerTitle{margin-top:60px}
	.footerTitle.first{margin-top:0px}
	
	#queryMarker::before{
		content: "Breaker2 ";
		
	}
	
	.lrIMGCol{width:50%!important;}
	.lrIMGText{width:50%!important;}
	
	.teamRow{ margin-bottom: 150px; }
	.teamRow div img{ margin-bottom: 40px; }

}

/****************************BREAKER 3******************************/
@media  (max-width: 991px) {
	h1 {
    font-size: 30px;
    font-weight: 400!important;
}	
	
	h2 {
    font-size: 25px;
    font-weight: 400!important;
}	
	.footerTitle{margin-top:60px}
	.footerTitle.first{margin-top:0px}
	#newsIMG{margin-top:50px}
	
	#queryMarker::before{
		content: "Breaker3 ";
	
	}
	
	header{height: 150px!important;}
	
	.lrIMGCol{width:100%!important;height: 400px}
	.lrIMGText{width:100%!important;}
		.teamRow{ margin-bottom: 150px; }
	.teamRow div img{ margin-bottom: 40px; }
	
	.site-mobile-menu .site-nav-wrap > li > a {
    padding-left: 20px;
    font-size: 24px;
    font-weight: 400;
    text-decoration: none;
	}
	
	.site-mobile-menu .site-nav-wrap > li  {
    margin-bottom:5px
	}
	
	.subMenu {
    width: 100%!important;
    float: left!important;
		margin-top: auto; 
    
	}
	
	.subMenu a{
   font-size: 24px!important;
    
	}
	
	.site-mobile-menu .site-nav-wrap {
    
    margin: 70px 0 0 -30px;
    
	}
	
	#headerBar{padding:0px}
	
	#indexTop {
    
    font-size: 23px;
    font-weight: 400;
	}
	
	#contBut {
   
    padding: 10px 35px;
    
    font-size: 15px;
}
	#googleMaps{padding:140px 20px;}
	
	
	
	.site-logo {
   margin-top: 26px!important;
	}
	
	
	#indexTop {
    margin-top: 150px;
  
	}
	
	#contentTop {
    margin-top: 120px;
   
	}
	
}