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

@media only screen and (max-width: 1300px){
	header nav div.categories ul li a{padding:23px 0px;}
}

@media only screen and (max-width: 1250px){
	header h1,
	header h1 a{width:240px;}
	header h2,
	header h2 a{width:220px;}
	
	header nav{width:-moz-calc(100% - 460px); width:-webkit-calc(100% - 460px); width:-o-calc(100% - 460px); width:calc(100% - 460px);}
}

@media only screen and (max-width: 1200px){
	footer div.about{width:-moz-calc(30% - 21px); width:-webkit-calc(30% - 21px); width:-o-calc(30% - 21px); width:calc(30% - 21px);}
	footer div.menu{width:-moz-calc(20% - 41px); width:-webkit-calc(20% - 41px); width:-o-calc(20% - 41px); width:calc(20% - 41px);}
	footer div.categories{width:-moz-calc(30% - 41px); width:-webkit-calc(30% - 41px); width:-o-calc(30% - 41px); width:calc(30% - 41px);}
	footer div.apps{width:-moz-calc(20% - 40px); width:-webkit-calc(20% - 40px); width:-o-calc(20% - 40px); width:calc(20% - 40px);}	
	footer div.info{width:auto; float:none; clear:left; text-align:center; padding:45px 0px 0px 0px; margin:0px;}
	footer div.info .social{margin:30px 0px 0px 0px;}
	
	section.headline h3{font-size:48px; line-height:52px;}
	section.headline ul.breadcrumb{margin:15px 0px 0px 0px;}
	section.headline ul.breadcrumb li{font-size:16px; line-height:16px;}
}

@media only screen and (max-width: 1150px){
	header nav div.categories ul li a{font-size:17px;}
}

@media only screen and (max-width: 1100px){
	header nav div.general ul li a{font-size:12px; padding:0px 5px;}
	header nav div.categories ul li a{font-size:15px;}
	
	section.home div.tab aside a span.info h5{font-size:18px; line-height:18px;}
	
	section.page div.filters aside{margin:0px 15px 0px 0px;}
}

@media only screen and (max-width: 1050px){
	section.page div.top h4{font-size:24px; line-height:28px;}
	
	section.page div.details h4{font-size:44px; line-height:44px;}
	
	div.message h2{font-size:24px; line-height:28px;}
}

@media only screen and (max-width: 1000px){
	header h1{width:50%; height:100px;}
	header h1 a{width:100%; height:62px; margin:19px 0px;}

	header h2{width:50%; height:100px;}
	header h2 a{width:100%; height:80px; margin:10px 0px;}
	
	header nav{width:auto; float:none; clear:both;}
	header nav div.general ul li a{font-size:14px; padding:0px 10px;}
	header nav div.categories{background-color:#F9F9F9;}
	header nav div.categories ul li{padding:0px 0px 0px 10px;}
	header nav div.categories ul li a{font-size:19px; line-height:24px; padding:15px 10px;}
	
	section.page div.interactive{height:600px;}
	
	section.page div.filters aside{max-width:150px;}
	section.page div.filters aside.right{float:left;}
	
	section.page a.item{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 15px 15px;}
	section.page a.item:nth-child(4n + 1){clear:none; margin:0px 0px 15px 15px;}
	section.page a.item:nth-child(3n + 1){clear:left; margin:0px 0px 15px 0px;}
}

@media only screen and (max-width: 950px){
	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:30px 0px 0px 15px;}
	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;}
	
	section.program div.box .interreg{display:none;}
	section.program div.box .info{width:-moz-calc(100% - 170px); width:-webkit-calc(100% - 170px); width:-o-calc(100% - 170px); width:calc(100% - 170px);}
	
	footer div.menu,
	footer div.categories{display:none;}
	
	footer div.about{width:auto; float:none; border-right:none; border-bottom:1px dotted #d0d0d0; text-align:center; padding:0px 0px 30px 0px;}
	footer div.about p{font-size:12px; line-height:16px;}
	footer div.about a{display:inline-block; margin:0px 0px 15px 0px;}
	footer div.about strong{font-size:14px; margin:0px 0px 15px 0px;}
	
	footer div.apps{width:auto; float:none; text-align:center; padding:45px 0px 0px 0px; margin:0px;}
	footer div.apps a.googleplay,
	footer div.apps a.appstore{display:inline-block; vertical-align:middle; margin:20px 5px 0px 5px;}
	
	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;}
	
	section.page div.details h4{font-size:40px; line-height:40px;}
}

@media only screen and (max-width: 900px){
	section.headline h3{font-size:42px; line-height:46px;}
	section.headline ul.breadcrumb{margin:10px 0px 0px 0px;}
	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;}
	
	section.page div.interactive{height:575px;}
	
	section.page div.filters aside{max-width:none; float:none; margin:0px 0px 15px 0px;}
	section.page div.filters aside lable{display:none;}

	section.page div.details .gallery div.thumbs{width:auto; float:none;}
	section.page div.details .gallery a.big{width:auto; float:none; margin:0px 0px 20px 0px;}
	section.page div.details .gallery a.small{width:-moz-calc(25% - 15px); width:-webkit-calc(25% - 15px); width:-o-calc(25% - 15px); width:calc(25% - 15px); float:left; margin:0px 0px 20px 20px;}
	section.page div.details .gallery a.medium{width:-moz-calc(25% - 15px); width:-webkit-calc(25% - 15px); width:-o-calc(25% - 15px); width:calc(25% - 15px); float:left; margin:0px 20px 20px 0px;}
}

@media only screen and (max-width: 850px){
	section.page div.about h4{font-size:24px; line-height:28px;}
	
	section.page div.top{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); margin:0px 0px 0px 16px;}
	section.page div.top a img{width:100%; float:none;}
	section.page div.top a aside{width:auto; float:none; padding:15px; margin:0px;}
}

@media only screen and (max-width: 800px){
	h3.slogan{font-size:18px; line-height:22px; margin:100px 0px;}
	h3.slogan strong{font-size:96px; line-height:100px;}
	
	section.home div.tab aside{width:auto; height:auto; float:none; margin:0px 0px 0px 0px;}
	section.home div.tab aside:first-of-type{margin:45px 0px 0px 0px;}
	section.home div.tab aside a.culturalbg,
	section.home div.tab aside a.naturalbg,
	section.home div.tab aside a.mapbg,
	section.home div.tab aside a.foodbg,
	section.home div.tab aside a.winebg{height:240px; margin:0px 0px 1px 0px;}
	
	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 div.interactive{height:550px;}
	
	section.page div.details h4{font-size:36px; line-height:36px;}
}

@media only screen and (max-width: 750px){
	section.home ul.tabs li a{font-size:24px; line-height:50px;}
	section.home div.tab .map{float:none; margin:0px auto 30px auto;}
	
	section.headline h3{ float:none; }
	section.headline ul.breadcrumb{float:none; }
	
	section.page a.zone{font-size:24px; line-height:50px;}
	
	section.page a.item{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); margin:0px 0px 16px 16px;}
	section.page a.item:nth-child(4n + 1){clear:none; margin:0px 0px 16px 16px;}
	section.page a.item:nth-child(3n + 1){clear:none; margin:0px 0px 16px 16px;}
	section.page a.item:nth-child(2n + 1){clear:left; margin:0px 0px 16px 0px;}
	
	section.page div.details aside{float:none; padding:0px; margin:0px 0px 15px 0px;}
	section.page div.details aside a{float:left; margin:0px 15px 0px 0px;}
}

@media only screen and (max-width: 700px){
	header nav div.categories ul li a{font-size:18px; padding:23px 0px;}
	
	section.news a{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); margin:30px 0px 0px 16px;}
	section.news a:nth-of-type(3n + 1){clear:none; margin:30px 0px 0px 16px;}
	section.news a:nth-of-type(2n + 1){clear:left; margin:30px 0px 0px 0px;}
	
	section.page div.top h4{font-size:22px; line-height:26px;}
	
	section.page div.interactive{height:525px;}
	
	section.page div.details .gallery a.big{margin:0px 0px 16px 0px;}
	section.page div.details .gallery a.small,
	section.page div.details .gallery a.medium{width:-moz-calc(50% - 8px); width:-webkit-calc(50% - 8px); width:-o-calc(50% - 8px); width:calc(50% - 8px); float:left; margin:0px 0px 16px 16px;}
	section.page div.details .gallery a.medium.null{margin:0px 0px 16px 0px;}
	
	div.message h2{font-size:22px; line-height:26px;}
}

@media only screen and (max-width: 650px){
	header nav div.general ul li a{font-size:12px; padding:0px 5px;}
	header nav div.categories ul li a{font-size:17px;}
	
	section.home div.tab aside a.culturalbg,
	section.home div.tab aside a.naturalbg,
	section.home div.tab aside a.mapbg,
	section.home div.tab aside a.foodbg,
	section.home div.tab aside a.winebg{height:200px;}
	
	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;}
	
	div.message{padding:30px 14px 15px 14px;}
    
    section.page ul.tabs li a{font-size:18px; line-height:32px; padding:0px;}
}

@media only screen and (max-width: 600px){
	header nav div.categories ul li a{font-size:15px;}
	
	section.home ul.tabs li a{font-size:18px; line-height:40px;}
	
	section.news h4{font-size:46px; line-height:50px;}
	section.news strong{font-size:14px; line-height:18px;}
	
	section.page div.interactive{height:500px;}
	
	section.page a.zone{font-size:18px; line-height:40px;}
}

@media only screen and (max-width: 550px){
	header nav div.general ul{display:none;}
	header nav div.general a.show{display:block;}
	header nav div.general .languages{margin:9px 10px 10px 0px;}
	header nav div.general .languages a{margin:0px 0px 0px 5px;}
	
	header nav div.categories{display:none;}
	header nav div.categories ul{padding:10px 0px 0px 0px;}
	header nav div.categories ul li{float:none; padding:0px;}
	header nav div.categories ul li.hide{display:block;}
	header nav div.categories ul li a{font-size:14px; line-height:20px; padding:0px 10px 10px 10px;}
	header nav div.categories ul li ul{display:block; position:relative; padding:0px;}
	header nav div.categories ul li ul li{background-color:transparent; margin:0px;}
	header nav div.categories ul li ul li a{font-size:12px; line-height:14px; color:#201600; text-transform:none; padding:0px 10px 10px 20px;}
	
	h3.slogan{font-size:15px; line-height:19px;}
	h3.slogan strong{font-size:72px; line-height:76px;}
	
	section.page div.about a.link p{font-size:12px; line-height:16px;}
	section.page div.about a.link h4{font-size:16px;}
	section.page div.about a.link em{font-size:11px; line-height:14px;}
	section.page div.about a.link 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){
	header h1{height:70px;}
	header h1 a{width:150px; height:42px; background-size:100%; margin:14px auto;}

	header h2{height:70px;}
	header h2 a{width:124px; height:60px; background-size:100%; margin:5px auto;}
	
	section.home div.tab aside a.culturalbg,
	section.home div.tab aside a.naturalbg,
	section.home div.tab aside a.mapbg,
	section.home div.tab aside a.foodbg,
	section.home div.tab aside a.winebg{height:180px;}
	
	section.program div.box .info{width:auto; float:none;}
	section.program div.box .info p,
	section.program div.box .info em,
	section.program div.box .info strong{font-size:12px; line-height:15px;}
	section.program div.box .europe{width:auto; float:none; text-align:left; margin:15px 0px 0px 0px;}
	section.program div.box .europe em{width:47px; height:30px; display:inline-block; background-position:-216px -204px; vertical-align:middle; margin:0px 10px 0px 0px;}
	
	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;}
	
	section.page div.top h4{font-size:20px; line-height:24px;}
	
	section.page div.interactive{height:475px;}
	
	section.page a.item{width:auto; float:none; clear:left; margin:0px 0px 15px 0px;}
	section.page a.item:nth-child(4n + 1){clear:left; margin:0px 0px 15px 0px;}
	section.page a.item:nth-child(3n + 1){clear:left; margin:0px 0px 15px 0px;}
	section.page a.item:nth-child(2n + 1){clear:left; margin:0px 0px 15px 0px;}
	
	section.page div.details .rating strong{display:block; margin:0px 0px 5px 0px;}
	
	div.message p{font-size:12px; line-height:16px;}
	div.message h2{font-size:20px; line-height:24px;}
}

@media only screen and (max-width: 450px){
	h3.slogan{font-size:12px; line-height:16px; margin:100px 0px;}
	h3.slogan strong{font-size:48px; line-height:52px;}
	
	section.home ul.tabs{border-bottom:3px solid #f9f9f9;}
	section.home ul.tabs li a span{display:none;}
	section.home ul.tabs li a p{border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #7bc35d; margin:0px 0px -6px -6px;}
	
	section.home div.tab{font-size:14px; line-height:20px; padding:15px;}
	section.home div.tab .map{background-size:100%; background-repeat:no-repeat; font-size:18px; margin:0px 0px 15px 0px;}
	section.home div.tab .map.haskovo{width:270px; height:195px; padding:90px 0px 0px 0px;}
	section.home div.tab .map.evros{width:245px; height:165px; padding:120px 0px 0px 25px;}
	
	section.news a{width:auto; margin:15px 0px 0px 0px;}
	section.news a:first-of-type{margin:30px 0px 0px 0px;}
	section.news a:nth-of-type(3n){display:block;}
	
	section.page div.about{line-height:20px;}	
	section.page div.about a.link{margin:15px 0px 0px 0px;}	
	section.page div.about aside .map{height:200px; margin:15px 0px 0px 0px}
    
    section.page div.tab{padding:15px;}
	
	section.page div.top{width:auto; float:none; margin:0px;}
	
	section.page div.interactive{height:450px;}
	
	section.page a.zone p{border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #7bc35d; margin:0px 0px -6px -6px;}
	section.page a.zone span{display:none;}
	
	section.page div.details{padding:15px;}
}

@media only screen and (max-width: 400px){
	section.home div.tab aside a.culturalbg,
	section.home div.tab aside a.naturalbg,
	section.home div.tab aside a.mapbg,
	section.home div.tab aside a.foodbg,
	section.home div.tab aside a.winebg{height:150px;}
	
	section.program div.box .europe{line-height:15px;}
	section.program div.box .europe em{display:block; float:left;}
	
	section.page div.about .share span{display:block;}
	section.page div.about .share a.facebook{margin:0px;}
	
	section.page div.interactive{height:425px;}
	
	section.page div.details .rating span{display:block; margin:5px 0px 0px 0px;}
    
    section.page ul.tabs li a{font-size:12px;}
}

@media only screen and (max-width: 350px){
	section.page div.interactive{height:400px;}
}

@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;}
	
	section.page div.interactive{height:375px;}
}