@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1250px){
    span.count.full{width:auto; padding:0px;}
    
    footer aside{padding:0px 0px 0px 15px;}
}

@media only screen and (max-width: 1200px){
    header nav ul li a{font-size:15px;}
    
    section.points a{width:-moz-calc(33.3334% - 10px); width:-webkit-calc(33.3334% - 10px); width:-o-calc(33.3334% - 10px); width:calc(33.3334% - 10px); margin:0px 0px 0px 15px;}
    section.points a:first-of-type{margin:0px;}
    section.points a p{font-size:12px; line-height:18px;}
    section.points a h5{font-size:36px; line-height:40px;}
    section.points a strong{font-size:18px; line-height:22px;}
    
	section.headline h3{font-size:48px; line-height:52px;}
	section.headline ul.breadcrumb li{font-size:16px; line-height:16px;}
}

@media only screen and (max-width: 1150px){
    header nav ul li a{padding:0px 15px;}
}

@media only screen and (max-width: 1100px){
    section.slider div.headline h2{font-size:100px; line-height:104px;}
    section.slider div.headline h3{font-size:32px; line-height:36px;}
}

@media only screen and (max-width: 1050px){
    header nav ul li a{font-size:13px;}
    
    section.home div.box p{font-size:14px; line-height:18px;}
    section.home div.box h4{font-size:12px; line-height:16px;}
}

@media only screen and (max-width: 1000px){
    header nav ul li a{padding:0px 10px;}
    
    section.forum h6{font-size:14px; padding:0px 10px;}
	section.forum div.themes{width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:-o-calc(50% - 5px); width:calc(50% - 5px); margin:0px 10px 0px 0px;}
	section.forum div.themes article a h4{font-size:14px; line-height:18px;}
	section.forum div.messages{width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:-o-calc(50% - 5px); width:calc(50% - 5px);}
	section.forum div.messages article a strong{font-size:14px; line-height:18px;}
    
    footer{padding:15px 0px;}
    
    section.headline{min-height:325px;}
}

@media only screen and (max-width: 950px){
    header a.show{display:block;}
    header nav{max-width:none; display:none; float:none; clear:both; padding:10px 0px 0px 0px;}
    header nav ul li{float:none; margin:2px 0px 0px 0px;}
    header nav ul li.hide{display:block;}
    header nav ul li a{background-color:rgba(255,255,255,0.85); font-size:16px; color:#212121; line-height:30px; padding:0px 10px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
    header nav ul li a:hover{background-color:#c3db69; color:#212121; text-decoration:none;}
    
    section.points{padding:50px 0px;}
    
	section.news a{width:-moz-calc(33.3334% - 10px); width:-webkit-calc(33.3334% - 10px); width:-o-calc(33.3334% - 10px); width:calc(33.3334% - 10px); margin:0px 0px 30px 15px;}
    section.news a:nth-of-type(4n + 1){clear:none; margin:0px 0px 30px 15px;}
    section.news a:nth-of-type(3n + 1){clear:left; margin:0px 0px 30px 0px;}
	section.news a p{font-size:12px; line-height:16px; margin:0px 0px 15px 0px;}
	section.news a em{font-size:11px;}
	section.news a h6{font-size:14px; line-height:18px; margin:0px 0px 15px 0px;}
    
    footer ul{display:none;}
    footer aside{float:none; text-align:center; padding:0px;}
	
	section.page div.about aside .half{width:auto; float:none; margin:0px;}
	section.page div.about aside .g-recaptcha{float:none;}
	section.page div.about aside a.button{float:none; margin:15px 0px 0px 0px;}
}

@media only screen and (max-width: 900px){
    section.slider{height:740px;}
    section.slider div.headline{top:250px;}
    section.slider div.headline h2{font-size:86px; line-height:90px;}
    section.slider div.headline h3{font-size:29px; line-height:33px;}
    
    section.home{padding:90px 0px 50px 0px;}
    
    section.forum h6 em,
	section.forum div.themes article a big,
	section.forum div.messages article a img{display:none;}
    
    section.points a p{line-height:16px;}
    section.points a h5{font-size:24px; line-height:28px;}
    section.points a strong{font-size:14px; line-height:18px;}
	
    section.program{text-align:center;}
    section.program div.info{width:auto; float:none; margin:20px 0px 0px 0px;}
	section.program div.info p,
	section.program div.info strong{font-size:12px; line-height:15px;}
    section.program div.europe,
    section.program div.bulgaria,
    section.program div.turkey{display:inline-block; float:none; vertical-align:top; margin:0px 10px;}
    
    section.headline{min-height:300px;}
	section.headline h3{font-size:42px; line-height:46px;}
	section.headline ul.breadcrumb li{font-size:14px;}
    
	section.page div.about .gallery a{width:-moz-calc(25% - 12px); width:-webkit-calc(25% - 12px); width:-o-calc(25% - 12px); width:calc(25% - 12px); margin:15px 0px 0px 16px;}
	section.page div.about .gallery a:nth-of-type(5n + 1){clear:none; margin:15px 0px 0px 16px;}
	section.page div.about .gallery a:nth-of-type(4n + 1){clear:left; margin:15px 0px 0px 0px;}

	section.page div.about .downloads a{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); margin:15px 0px 0px 16px;}
	section.page div.about .downloads a:nth-of-type(3n + 1){clear:none; margin:15px 0px 0px 16px;}
	section.page div.about .downloads a:nth-of-type(2n + 1){clear:left; margin:15px 0px 0px 0px;}
}

@media only screen and (max-width: 850px){
    section.home{padding:60px 0px 45px 0px;}
    section.home div.box{width:auto; float:none; margin:0px 0px 15px 0px;}
    section.home div.box:nth-of-type(2n + 1){clear:left; margin:0px 0px 15px 0px;}
    
    section.page h3{font-size:24px; line-height:28px;}
    section.page h4{font-size:16px; line-height:20px;}
    
	section.page div.about h4{font-size:24px; line-height:28px;}
    
    section.page.forums aside a.head img{display:none;}
}

@media only screen and (max-width: 800px){	
    section.headline{min-height:275px;}
    
    section.page div.about aside{width:auto; float:none; margin:30px 0px 0px 0px;}
	section.page div.about aside h5{font-size:24px; line-height:28px;}
	section.page div.about aside .map{height:250px;}
    
    section.page.forums h3{line-height:20px; padding:10px 20px;}
	section.page.forums h3 a,
	section.page.forums h3 em{float:none; line-height:14px; margin:5px 0px 0px 0px;}
	section.page.forums aside{width:100%; padding:20px 0px;}
	section.page.forums article{padding:15px 0px 0px 0px;}
	section.page.forums article a.theme{width:auto; float:none; padding:10px 0px 15px 0px;}
	section.page.forums article span{width:auto; float:none; margin:0px;}
}

@media only screen and (max-width: 750px){
    section.slider{height:700px;}
    section.slider div.headline h2{font-size:72px; line-height:76px;}
    section.slider div.headline h3{font-size:26px; line-height:30px;}
    
    section.forum{background:none; background-color:#f3f3f3; padding:30px 0px; margin:0px 0px 15px 0px;}
	section.forum div.themes{width:auto; float:none; margin:0px 0px 30px 0px;}
	section.forum div.messages{width:auto; float:none; margin:0px;}
	section.forum article{padding:10px;}
	section.forum h6 em,
	section.forum div.themes article a big,
	section.forum div.messages article a img{display:block;}
    
    section.points{padding:30px 0px;}
    section.points a p{display:none;}
    section.points a h5{margin:0px 0px 5px 0px;}
}

@media only screen and (max-width: 700px){
    section.home{padding:45px 0px 30px 0px;}
    
    section.news{padding:30px 0px;}
	section.news a{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); margin:0px 0px 30px 16px;}
	section.news a:nth-of-type(3n + 1){clear:none; margin:0px 0px 30px 16px;}
	section.news a:nth-of-type(2n + 1){clear:left; margin:0px 0px 30px 0px;}
    
    section.page{margin:30px 0px;}
    section.page div.about,
    section.page div.about strong{font-size:12px; line-height:18px;}
        
    section.page h3{font-size:20px; line-height:24px;}
    section.page h4{font-size:14px; line-height:18px;}
}

@media only screen and (max-width: 650px){
    section.slider{height:680px;}
    section.slider div.headline h2{font-size:56px; line-height:60px;}
    section.slider div.headline h3{font-size:18px; line-height:22px;}
    
	section.forum h3{font-size:56px; line-height:60px;}
    
    section.page div.login{width:auto; float:none; font-size:12px; padding:0px 0px 30px 0px; margin:0px;}
    section.page div.sigin{width:auto; float:none; font-size:12px; padding:0px; margin:0px;}
    
    section.page input.pass{width:-moz-calc(100% - 34px); width:-webkit-calc(100% - 34px); width:-o-calc(100% - 34px); width:calc(100% - 34px); float:none; margin:0px 0px 15px 0px;}
    section.page input.pass.center{margin:0px 0px 15px 0px;}

	section.page div.about .gallery a{width:-moz-calc(33.3334% - 10px); width:-webkit-calc(33.3334% - 10px); width:-o-calc(33.3334% - 10px); width:calc(33.3334% - 10px); margin:15px 0 0 15px;}
	section.page div.about .gallery a:nth-of-type(5n + 1){margin:15px 0px 0px 15px;}
	section.page div.about .gallery a:nth-of-type(4n + 1){clear:none; margin:15px 0px 0px 15px;}
	section.page div.about .gallery a:nth-of-type(3n + 1){clear:left; margin:15px 0px 0px 0px;}

	section.page div.about .downloads a{width:auto; float:none; clear:both; margin:15px 0px 0px 0px;}
	section.page div.about .downloads a:nth-of-type(3n + 1){margin:15px 0px 0px 0px;}
	section.page div.about .downloads a:nth-of-type(2n + 1){clear:none; margin:15px 0px 0px 0px;}
}

@media only screen and (max-width: 600px){
    section.slider{height:600px;}
		
	section.news h4{font-size:46px; line-height:50px;}
	section.news strong{font-size:14px; line-height:18px;}
    
    section.headline{min-height:250px;}
    
    section.page a.file article{width:auto; float:none;}
	section.page a.file span{width:auto; float:none; text-align:left; margin:15px 0px 0px 0px;}
	section.page a.file span big{float:left; margin:0px 10px 0px 0px;}
}

@media only screen and (max-width: 550px){	
    section.home{padding:30px 0px 15px 0px;}
    
    section.points a{width:auto; max-width:290px; float:none; text-align:left; margin:15px auto 0px auto;}
    section.points a:first-of-type{margin:0px auto;}
    section.points a h5{padding:15px 0px 0px 0px;}
    section.points a big{float:left;}
    section.points a big.icon1{width:105px; margin:0px 15px 0px 0px;}
    section.points a big.icon2{width:84px; margin:0px 25px 0px 11px;}
    section.points a big.icon3{width:76px; margin:0px 29px 0px 15px;}
    
    section.program div.info{margin:0px;}
    section.program div.europe,
    section.program div.bulgaria,
    section.program div.turkey{display:none;}
       
	section.page div.about a.partner p{font-size:12px; line-height:16px;}
	section.page div.about a.partner h4{font-size:16px;}
	section.page div.about a.partner em{font-size:11px; line-height:14px;}
	section.page div.about a.partner img{width:100%; float:none; padding:0px; margin:0px 0px 15px 0px;}
	 
	section.page div.about article{-moz-column-count:1; -webkit-column-count:1; column-count:1; -moz-column-gap:0px; -webkit-column-gap:0px; column-gap:0px;}
}

@media only screen and (max-width: 500px){
    section.slider{height:550px;}
    section.slider div.headline{top:200px;}
    section.slider div.headline h2{font-size:42px; line-height:46px;}
    section.slider div.headline h3{font-size:16px; line-height:20px;}
    
	section.news{padding:30px 0px;}
	
	section.page div.about h4{font-size:18px; line-height:22px;}
	section.page div.about time{font-size:12px;}
	
    section.page div.about .gallery a{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); margin:15px 0px 0px 16px;}
	section.page div.about .gallery a:nth-of-type(4n + 1){margin:15px 0px 0px 15px;}
	section.page div.about .gallery a:nth-of-type(3n + 1){clear:none; margin:15px 0px 0px 15px;}
	section.page div.about .gallery a:nth-of-type(2n + 1){clear:left; margin:15px 0px 0px 0px;}
}

@media only screen and (max-width: 450px){
    header{text-align:center;}
    header nav{text-align:left;}
    header h1{float:none; margin:15px auto;}
    header a.show{display:inline-block; float:none; vertical-align:middle; margin:0px 0px 0px 15px;}
    header div.languages{display:inline-block; float:none; text-align:center; vertical-align:middle; padding:0px; margin:0px;}
    header div.languages a{display:inline-block; float:none; vertical-align:middle; padding:3px; margin:2px;}

    section.home div.box{text-align:center;}
    section.home div.box h4{text-align:center;}
    section.home div.box big{float:none; margin:0px auto 10px auto;}
    section.home div.box span{width:auto; min-height:30px; display:block;}
    
	section.forum h3{font-size:40px; line-height:44px;}
	section.forum h6{line-height:36px;}
	section.forum h6 em,
	section.forum div.themes article a big,
	section.forum div.messages article a img{display:none;}
	section.forum div.themes article a{padding:5px 0px 5px 10px;}
    
	section.news a,
	section.news a:first-of-type{width:auto; margin:0px 0px 15px 0px;}
	section.news a:nth-of-type(3n){display:block;}
	
    section.page div.about{line-height:20px;}	
	section.page div.about a.partner{margin:15px 0px 0px 0px;}	
	section.page div.about aside .map{height:200px; margin:15px 0px 0px 0px}
    
    section.page div.login a.forgot{display:block; margin:20px 0px 0px 0px;}
    
    section.page.forums h3 em strong{width:auto;}
}

@media only screen and (max-width: 400px){
    a.btn,
    a.button{font-size:12px; line-height:36px; padding:0px 15px; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;}
    
    section.slider{height:500px;}
    section.slider div.headline h2{font-size:36px; line-height:40px;}
    section.slider div.headline h3{font-size:14px; line-height:18px;}
    
    footer aside strong{display:block;}
        
    section.forum div.messages article a em{display:block; padding:0px 0px 0px 5px; margin:5px 0px 0px 0px;}
	section.forum div.messages article a time{width:auto; float:none; text-align:left; margin:0px 0px 5px 0px;}
	section.forum div.messages article a time p{display:inline-block; vertical-align:bottom; padding:0px 10px; margin:0px 0px 0px 10px;}
	section.forum div.messages article a strong{display:inline-block; vertical-align:middle; padding:0px; margin:0px;}

    section.page div.about .share span{display:block;}
	section.page div.about .share a.facebook{margin:0px;}

    section.page.forums article span big{font-size:16px; margin:0px 10px 0px 0px;}
}

@media only screen and (max-width: 350px){
    header h1{width:225px; height:60px;}
    
    section.slider{height:420px;}
    section.slider div.headline{top:160px;}
    section.slider div.headline a{display:none;}
    section.slider div.headline h2{margin:10px 0px 0px 0px;}
    
    section.home div.box p{display:none;}
}

@media only screen and (max-width: 300px){
	section.page div.about .gallery a{width:auto; float:none; clear:left; margin:15px 0px 0px 0px;}
	section.page div.about .gallery a:nth-of-type(5n + 1),
	section.page div.about .gallery a:nth-of-type(4n + 1),
	section.page div.about .gallery a:nth-of-type(3n + 1),
	section.page div.about .gallery a:nth-of-type(2n + 1){margin:15px 0px 0px 0px;}
}