/*
Theme Name: Ark - Child
Theme URI: http://themeforest.net/user/freshface/portfolio
Description: Premium WordPress Theme
Author: FRESHFACE
Author URI: http://themeforest.net/user/freshface/portfolio
License: Go to the "license" folder
License URI: Go to the "license" folder
Text Domain: ark-child
Tags: white
Version: 1.0.0
Template: ark
*/


.arrows {
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
}

.arrows:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-right: 2.66667px solid rgba(255, 255, 255, 0.7);
  border-bottom: 2.66667px solid rgba(255, 255, 255, 0.7);
  transform: translate(26.66667px, 106.66667px) rotate(-45deg);
  animation: arrows 1.5s linear infinite;
}

.arrows:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-right: 2.66667px solid rgba(255, 255, 255, 0.7);
  border-bottom: 2.66667px solid rgba(255, 255, 255, 0.7);
  transform: translate(53.33333px, 0px) rotate(-45deg);
  animation: arrows 1.5s linear infinite -0.25s;
}

@keyframes arrows {
  0% {
    border-right: 2.66667px solid transparent;
    border-bottom: 2.66667px solid transparent;
    transform: translate(-40px, 0px) rotate(-46deg);
  }
  10%, 90% {
    border-right: 2.66667px solid transparent;
    border-bottom: 2.66667px solid transparent;
  }
  50% {
    border-right: 2.66667px solid rgba(255, 255, 255, 0.7);
  	border-bottom: 2.66667px solid rgba(255, 255, 255, 0.7);
    transform: translate(0px, 0px) rotate(-46deg);
  }
  100% {
    border-right: 2.66667px solid transparent;
    border-bottom: 2.66667px solid transparent;
    transform: translate(20px, 0px) rotate(-46deg);
  }
}


@media  screen and (max-width: 1366px) {
 
    #slide-4-layer-1{
        
        margin-top: -30px!important;
    }
    
     #rev_slider_4_3{
        
        margin-top: -200px!important;
        
        
    }
    
}


/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
      
      #rev_slider_3_2_forcefullwidth{margin-top: -250px!important;}
    #rev_slider_4_3{margin-top: -150px!important;}
      
}
/* Single Team */
.skolla_team_headtitle{
	
	font-size: 49px;
	letter-spacing: 0.015em;
	font-family: museo-700,arial,sans-serif;
	color: #47c6aa !important;
	text-align: center;
}

.skolla_team_date{
	
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.015em;
	color: #fff !important;
	font-family: museo-300,arial,sans-serif;
}
.skolla_team_date b{
	font-family: museo-700,arial,sans-serif;
	font-size: 19px;
}

.skolla_team_txt{
	
	font-size: 15px !important;
	line-height: 26px !important;
	letter-spacing: 0.015em !important;
	font-family: museo-300,arial,sans-serif;
	color: #fff !important;
}

.skolla_team_link a{
	
	font-size: 21px !important;
	line-height: 32px !important;
	letter-spacing: 0.015em !important;
	font-family: museo-500,arial,sans-serif;
	color: #47c6aa !important;
	
}

.skolla_team_planet_con{
	
	height: 100px;
}
.skolla_team_planet_con_first {
	
	height: 200px;
}
.skolla_team_planet_con .col-md-5 p{
	
	font-size: 17px;
	letter-spacing: 0.015em;
	color: #fff !important;
	font-family: museo-700, Arial, sans-serif;
    text-transform: none;
    text-decoration: none;
	text-align: left;

}
.skolla_team_planet_con_first .col-md-5 p{
	
	font-size: 24px;
	letter-spacing: 0.015em;
	color: #fff !important;
	font-family: museo-700, Arial, sans-serif;
    text-transform: none;
    text-decoration: none;
	text-align: left;
	
}

.skolla_team_planet_con_first img{
	
	max-height: 150px;
	max-width: 150px;
	margin: 0 auto;
	display: block !important;
}

.skolla_planet_details, .skolla_planet_name{
	
	height: 140px;
	
}
.skolla_planet_details_small, .skolla_planet_name_small{
	
	height: 80px;
	
}
.skolla_team_planet_con img{
	
	max-height: 75px;
	max-width: 75px;
	margin: 0 auto;
	display: block !important;
}
.skolla_team_planet_con .col-md-5:first-child p{
	
	text-align: right;
	
}
.skolla_team_planet_con_first .col-md-5:first-child p{
	
	text-align: right;
	
}
/* Single Team */

.page-id-623, .page-id-608, .page-id-947 , .page-id-954, .page-id-45, .page-id-958, .page-id-962, .page-id-965{
  
  background-position: top left;
  background-repeat: repeat-y;
  background-size: cover;
  background-image: url(http://www.skolla.de/img/sterne.jpg)!important;
  background-attachment: fixed;
}
.skolla_footer{
	font-family: skolla, museo-700, sans-serif;
	background-color: #000;
	color:#fff;
	padding:60px 0;
	
}
.skolla_footer_menu{
    width: 1014px;
    margin: 0 auto;
    /* display: block; */
    /* text-align: center; */
    float: none;
}
.skolla_footer_copy  {
    padding-top: 15px;
}
.skolla_footer_menu a span{
	font-size: 26px;
	font-family: skolla, museo-700, sans-serif;
	padding:0 10px;
}
.skolla_footer_copy p, .skolla_footer_copy p a{
    color: #fff;
	font-size: 14px;
	font-family: skolla, museo-700, sans-serif;
}
.skolla_footer_menu .text-left {
    text-align: center;
}
.skolla_footer_copy .text-left {
    text-align: center;
}

.single h2{
	
	font-size: 55px !important;
	
}

.body_pro .section-heading {


    margin: 0;

}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
      
      .skolla_planet_name{height: 80px!important;}
      .skolla_planet_details{height: 100px!important;}
      
   .skolla_planet_name_small{height: 50px!important;}
     .skolla_planet_details_small{height: 70px!important;} 
}


@media (max-width: 991px){
.ffb-id-navigation-header .ark-header .menu-container > ul > li > a.nav-item-child {

    text-align: center;
	}
}
  /* Manifest */
  
.mani_header_h1{
	
font-family: museo-700, arial, sans-serif;
font-size: 100px;
color: #fff!important;
	
}

.mani_header_h1{
	
font-family: museo-700, arial, sans-serif;
font-size: 100px;
color: #fff!important;
	
}

.mani_header_h1_dark{
	
font-family: museo-700, arial, sans-serif;
font-size: 100px;
color: #000!important;
	
}

.mani_header_h2{
	
font-family: museo-700, arial, sans-serif;
font-size: 90px;
color: #000!important;
	
}

.mani_header_h3{
	
font-family: museo-700, arial, sans-serif;
font-size: 70px;
color: #000!important;
	
}





.mani_header_h5{
	
font-family: museo-500, arial, sans-serif;
font-size: 37px;
color: #000!important;
	
}

.mani_header_txt{
	
font-family: museo-700, arial, sans-serif;
font-size: 27px;
color: #fff!important;

}

.mani_header_txt_dark{
	
font-family: museo-700, arial, sans-serif;
font-size: 27px;
color: #000!important;

}


.skolla_txt{
	
font-family: museo-500, arial, sans-serif;
font-size: 21px;
line-height: 35px!important;
color: #000!important;
font-weight: 400;

}

.skolla_txt_white{
	
font-family: museo-300, arial, sans-serif;
font-size: 21px;
line-height: 28px!important;
color: #FFF!important;

}

.skolla_head_txt{
		margin-top: 100px !important;
		margin-left: 20% !important;
		margin-right: 20% !important;
		margin-bottom: 70px !important;
		font-size: 30px;
	}
.page-id-1498 .skolla_head_txt{
		margin-top: 100px !important;
		margin-left: 0% !important;
		margin-right: 0% !important;
		margin-bottom: 70px !important;
		font-size: 30px;
	}

.skolla_head_title{
		
		font-size: 100px;
		
	}

@media only screen and (max-width: 1650px) {
	
	/* Über uns Slider
	-----------------------------------*/
	.a_us_slider {
		margin-top: -50px !important;
	}
	
	

	
	
}


@media only screen and (max-width: 1400px) {
	
	/* Über uns Slider
	-----------------------------------*/
	.a_us_slider {
		margin-top: -140px !important;
	}
	
	.skolla_head_txt{
		
		margin-top: 50px !important;
		margin-left: 10% !important;
		margin-right: 10% !important;
		margin-bottom: 70px !important;
		font-size: 28px;
	}
	
	.page-id-1498 .skolla_head_txt{
	
		font-size: 24px;
	}
	
	.skolla_head_title{
		
		font-size: 70px;
		
	}
}


@media only screen and (max-width: 1080px) {
	/* Über uns Slider
	-----------------------------------*/
	.a_us_slider {
		margin-top: -180px !important;
	}
	
	.skolla_team_planet_con .col-md-5:first-child p {
    	text-align: left;
	}

	.skolla_team_planet_con .col-md-5 p {

		text-align: left;
	}
	
	.skolla_team_planet_con_first .col-md-5:first-child p {
    	text-align: right;
	}
	
	.skolla_team_planet_con_first .col-md-5 p {
    	text-align: right;
	}
	
	/*.has-fg-bg .fg-container-large{
    border-bottom: 1px solid #fff;
	}*/
	
	.skolla_head_txt{
		
		margin-top: 30px !important;
		margin-left: 5% !important;
		margin-right: 5% !important;
		margin-bottom: 70px !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
		font-size: 22px;
	}
	
	.page-id-1498 .skolla_head_txt{
	
		font-size: 21px;
	}
	
	
	.skolla_head_title{
		
		font-size: 50px;
		
	}
	/* Manifest
	-----------------------------------*/
	.mani_slider{
		width: 90%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 900px) and (min-height: 768px) {
	/* Über uns Slider
	-----------------------------------*/
	.a_us_slider {
		margin-top: -80px !important;
	}
	
}

@media only screen and (max-width: 1050px) {
	
	/* Über uns Slider
	-----------------------------------*/
	
	.a_us_slider {
		margin-top: -80px !important;
	}
		
	
	.skolla_team_planet_con .col-md-5:first-child p {
    	text-align: center;
	}

	.skolla_team_planet_con .col-md-5 p {

		text-align: center;
	}
	
	.skolla_team_planet_con_first .col-md-5:first-child p {
    	text-align: center;
	}
	
	.skolla_team_planet_con_first .col-md-5 p {
    	text-align: center;
	}
	
	/* Footer
	-----------------------------------*/
	.skolla_footer_menu {
    width: 100%;
	}
	
	.skolla_footer_menu .text-left {
    	text-align: left;
	}
	.ffb-id-1jk7hjuh{
		margin-bottom: 40px;
	}
	
	.skolla_footer_menu a {
    	display: block;
	}
	
	/* Manifest
	-----------------------------------*/
	
	.mani_header_h1 {
		
		font-size: 60px;
	
	}
	.mani_header_h2 {
		
		font-size: 50px;
	
	}
	.mani_header_h3 {
		
		font-size: 50px;
	
	}
	.mani_header_txt_dark {
   
    	font-size: 20px;
   
	}
	.mani_header_txt {
   
    	font-size: 20px;
   
	}
	.mani_header_btn{
	
		padding: 30px 0 40px;
		
	}
	.mani_slider{
		width: 90%;
		margin: 0 auto;
	}
}


/* Was ist skolla
	-----------------------------------*/
	
	.was_ist_skolla_header_h2  {
		
		font-size: 60px;
	
	}

/* nav
	-----------------------------------*/



@media (max-width: 991px){
.header .navbar-nav {padding: 20px;}

   .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {background: #f0f0f0;}
    
    .header .navbar-collapse.collapse.in  {background: #f0f0f0;}

	.header .navbar-collapse.collapse  {background: #f0f0f0;}
    
    .ffb-id-navigation-header .ark-header .menu-container>ul>li>a.nav-item-child {font-size: 20px!important;}

    .header ul.navbar-nav.no-ff>li>a, .header .navbar-nav .nav-item-child {padding: 12px;}
    
}


@media (max-width: 768px){
/* Über uns Slider
	-----------------------------------*/
	
	.a_us_slider {
		margin-top: 0px !important;
	}
	
.container {width: auto;margin: 0; padding: 0;}

	
.skolla_head_txt{
		
		margin-top: 20px !important;
		margin-left: 5% !important;
		margin-right: 5% !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
		margin-bottom: 10px !important;
		font-size: 18px;
	}
	
.page-id-1498 .skolla_head_txt{
	
		font-size: 21px;
	}
	
.skolla_head_title{
		
		font-size: 50px;
		
	}	
}

@media (max-width: 991px) and (min-width: 768px){
.ark-header .navbar-toggle {margin-left: 20px;}

}

/* Was ist skolla / hover / current / color
	-----------------------------------*/

.page-id-1498 .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container>ul>li.current-menu-item>a.nav-item-child,
    .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container>ul>.menu-item-1640>a.nav-item-child:hover{color: #EE7076!important;}
    
/* Über uns / hover / current / color
	-----------------------------------*/
   
    .page-id-45 .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container>ul>li.current-menu-item>a.nav-item-child,
    .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container>ul>.menu-item-60>a.nav-item-child:hover{color: #4AC5AA!important;}
    
        
/* Manifest / hover / current / color
	-----------------------------------*/
   
    .page-id-54 .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container>ul>li.current-menu-item>a.nav-item-child,
    .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container>ul>.menu-item-61>a.nav-item-child:hover{color: #87CCE9!important;}
    
    
/* Projekt / hover / current / color
	-----------------------------------*/
   
    .page-id-56 .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container>ul>li.current-menu-item>a.nav-item-child,
    .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container>ul>.menu-item-62>a.nav-item-child:hover{color: #FACC2E!important;}
    
        
/* Kontakt / hover / current / color
	-----------------------------------*/
   
    .page-id-1283 .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container>ul>li.current-menu-item>a.nav-item-child,
    .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container>ul>.menu-item-1285>a.nav-item-child:hover{color: #A4A4A4!important;}


@media only screen and (max-width: 400px) {
    
	
	/* Über uns Slider
	-----------------------------------*/
	
	.a_us_slider {
		margin-top: -60px !important;
	}
	
	/* Projekt Single
	-----------------------------------*/
	.breadcrumbs-title{
		font-size: 40px !important;
    	line-height: 75px !important;
	}


	.single h2{

		font-size: 28px !important;

	}
	
	/* Manifest
	-----------------------------------*/
	
	.mani_header_h1 {
		
		font-size: 40px;
	
	}
	.mani_header_h2 {
		
		font-size: 30px;
	
	}
	.mani_header_h3 {
		
		font-size: 20px;
		padding: 30px 0 0px;
	}
	.mani_header_txt_dark {
   
    	font-size: 16px;
   		padding: 0 15px 30px;
	}
	.mani_header_txt {
   
    	font-size: 16px;
   
	}
	.mani_header_btn{
	
		padding: 30px 0 40px;
		
	}
	.mani_slider{
		width: 90%;
		margin: 0 auto;
	}
	/* Footer
	-----------------------------------*/
	.skolla_footer_menu a span {
    font-size: 10px;
    padding: 0;
	}
}



/* BLOG */

.ffb-id-1nj6v6hu h2, .ffb-id-1nj6v6hu h2 a  {
  
	
	font-size: 38px!important;
	letter-spacing: 0.015em!important;
	font-family: museo-700,arial,sans-serif!important;


}


.ffb-id-1nj6v6hu .news-v3-content p{
  
	


	font-family: museo-500,arial,sans-serif!important;
    	color:#000 !important


}
/* PROJEKT CUSTOM */
.skolla_projekt_h2{
	font-size: 55px;
}