@charset "utf-8";
/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
 */

* {
	margin:0;
	padding:0;
}

/** General Style Info **/
body {
	background: #fff;
	color: #666;
	font-family:proxima_nova_rgregular,verdana,helvetica,arial,sans-serif;
	font-size:16px;
	margin: 0;
}
a {
	color: #e31818;
	font-weight: normal;
	text-decoration: none;
}
a span { border-bottom:1px solid #f5bfbf; }
a:hover {
	color: #666;
	text-decoration:none;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: normal;
	margin-bottom:0em;
	line-height:1.2em;
}
h1 {
	color: #000;
	font-family:proxima_nova_ltlight, helvetica, arial, sans-serif;
	font-size: 200%;
	margin-bottom:1em;
}
h2 {
	color: #333;
	font-family:proxima_nova_rgregular, helvetica, arial, sans-serif;
	font-size: 2.8em;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:1.2em;
}
@media only screen and (max-width: 767px) {
	h2 {
		font-size:2em;
	}
}
h3 {
	color: #000;
	font-family:proxima_nova_ltlight, helvetica, arial, sans-serif;
	font-size: 165%;
}
h4 {
	color: #000;
	font-weight: normal;
}
ul, li {
	padding:0;
	margin:0;
}
li { 
	list-style-image: url("../img/odrazka.gif"); 
	padding:0 0 0 0px; 
	margin:0 0 1.2em 30px; 
	font-size:1.1em; 
	color:#666; 
	line-height:1.2em;
}
p {
	margin: 0 0 1em 0;
	font-size:1.1em;
	color:#666;
	line-height:1.2em;
}

.clear { clear:both; }

.line { border-bottom:1px solid #ccc; padding:85px 0 0 0; margin:0 0 50px 0; }

.fullink { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; }

a.doc { display:block; padding: 15px 0px 15px 40px; background:url('../img/icon_pdf_big.png') center left no-repeat; background-size:32px; }

/** inputs **/
	input { border:1px solid #ccc; margin:0; font-size:16px; color:#666; text-transform:uppercase; padding:1% 2%; width:96%; }
	.row  { clear:left; padding:0 0 1.5em 0; }
	.row input { width:45%; float:left; margin:0; }
	.row input+input { margin-left:1.4%; }
	.row textarea { font-family:proxima_nova_rgregular; border:1px solid #ccc; padding:0 0 0px 0; margin:0; font-size:16px; color:#666; text-transform:uppercase; padding:1% 2%; width:96%; height:125px; margin-bottom:30px; }
	
@media only screen and (max-width:768px) {
	.row input { width:96%; float:left; margin:0 0 0.5em 0; padding:10px 2%; }
	.row input+input { margin-left:0%; }
}


/** Layout **/
#container {
	text-align: left;
}

#header{
	position:fixed; top:0px; width:100%;
	text-align:center;
	z-index:100;
}
	#header .inner {
		max-width:1310px;
		text-align:center;
		margin:0px auto;
		position:relative;
	}
	#header .inner2 {
		padding: 20px 5.34351%;
		margin:0px auto;
		text-align:left;	
		position:relative;
	}
	
	#header h1 span { display:none;}
	#header h1 {
		color: #fff;
		padding: 0px 0px;
		margin:0;
	}
	#header h1 a {
		color: #000;
		font-weight: normal;
		text-decoration: none;
	}
	#header h1 a:hover {
		color: #8A0707;
		text-decoration: none;
	}
	#header h1 a img { display:block; }

#menu {
	background:transparent;
	text-align:center;
	position:absolute;
	top:0px; right:5.34351%;
	width:75%;
	z-index:90;
	padding:2.5em 0 2.5em 0;
}

#menu ul { margin:0 0 0 0px; padding:0px; text-align:right; }
#menu ul li { list-style-type:none; margin:0px; padding:1em 0 0 0px; display:inline; }
#menu ul li a { font-size:18px; color:#fff; text-transform:uppercase; margin:0em 0em 0 2.1em; font-weight:normal; transition:all .3s ease; }
#menu ul li a.hidden { color:#000; opacity:0;}

#menu ul li.search a.search_button { color:#fff; text-transform:uppercase; margin:0 0em 0 0em; padding:0px 40px 0px 0px; position:relative; }
	#menu ul li.search a.search_button span { border:0px;  }
	#menu ul li.search a.search_button span.hidden { opacity:0; transition:all .5s ease; }
	#menu ul li.search a.search_button img { position:absolute; top:0px; right:0px; width:24px; height:24px; }
	.search_input { border:0px; background:transparent; width:100px; position:absolute; padding:0px 0 12px 0; line-height:1.1em; font-size:18px; color:#fff; border-bottom:1px solid #fff; outline-width: 0; right:35px; top:40px; display:block; z-index:100; width:0px; transition:all .5s ease; }
	.search_input.visible { display:block; width:260px; transition:all .5s ease; }
	.search_close { visibility:hidden; z-index:101; position:absolute; margin:0 0em 0 0em; padding:0px 0px 0px 40px; right:40px; }
	.search_close img {  position:absolute; top:0px; right:0px; width:24px; height:24px }
	.search_close.visible { visibility:visible; }
	
#menu ul li.lang a { color:#fff; text-transform:uppercase; margin:0 0 0 1.7em; padding:0px 0px 0px 0px; position:relative; }

#menu ul li a:hover { color:#e31818; }
#menu ul li.active a { color:#e31818; }

#nav-trigger-open {
    position: absolute;
    top: 1.5em;
    right: 5.34351%;
    width: 50px;
    height: 50px;
    background: url('../img/bars.svg') center center no-repeat;
    border: 0px;
    z-index: 1001;
    cursor: pointer;
	display:none;
}

#nav-trigger-close {
    position: absolute;
    top: 1.6em;
    right: 5.34351%;
    width: 45px;
    height: 45px;
    background: url('../img/close.svg') center center no-repeat;
	background-size:contain;
    border: 0px;
    z-index: 1001;
    cursor: pointer;
	display:none;
}
#nav-trigger-close.hidden { display:none; }
#nav-trigger-open.hidden { display:none; }

@media only screen and (max-width: 767px) {
		#nav-trigger-open { display:block; }
		#nav-trigger-close { display:block; }
}
	
/* @media only screen and (max-width: 1300px) {
	#header h1 a {
		width:177px;
		height:67px;
		display:block;
	}
	#header{
		position:fixed; top:0px; width:100%;
		text-align:center;
		z-index:100;
	}
} */

@media only screen and (max-width: 1024px) {
	#menu ul li a { font-size:18px; color:#fff; text-transform:uppercase; margin:0em 0em 0 1.1em; font-weight:normal; }	
}
@media only screen and (max-width: 910px) {
	#menu ul li a { font-size:16px; color:#fff; text-transform:uppercase; margin:0em 0em 0 .6em; font-weight:normal; }	
}

@media only screen and (max-width: 767px) {
	#header{
		position:absolute;
	}
	#menu {
		display:none;
		opacity:.95;
		background:#000;
		text-align:center;
		position:absolute;
		top:0px; right:0;
		width:100%;
		z-index:-50;
		padding:7em 0 2.5em 0;
	}
	#menu ul li { display:none; text-align:center; }
	#menu ul li { display:block; }
	#menu ul li a { color:#666; font-size:1.5em; line-height:2em;margin: 0em 0em 0 0em; }
	
	#menu ul li.search a {
		margin: 0 auto 0 auto;
		padding: 0px 20px 0px 0px;
	}
	#menu ul li.lang a {
		margin: 0 auto 0 auto;
	}
	/* 
	#menu ul li.search { display:inline; }
	#menu ul li.lang { display:inline; } */

}

#flshMsg { background:#e31818; color:#fff; }
p.msginfo { background:#e31818; color:#fff; padding:5px 10px; display:inline-block; }



#members {
	clear: both;
	padding: 0px;
	text-align:center;
	background:#efefef;
}
#members .inner {
	max-width:1310px;
	text-align:center;
	margin:0px auto;
}
#members .inner2 {
	padding: 55px 5.34351% 55px 5.34351%;
	
	margin:0px auto;
	text-align:left;
}
#members h4 { text-transform:uppercase; font-size:1.9em; color:#666; text-align:center; padding:0 0 50px 0;}

	.members a { width:19%; display:block; text-align:center; float:left; margin-bottom:30px; margin:0 3% 30px 3%; }
	.members a img { width:100%; }
	
	
@media only screen and (max-width: 767px) {
	.members a { width:40%; display:block; text-align:center; float:left; margin:0 5% 15px 5%; }
}/* 
@media only screen and (max-width: 500px) {
	.members a { width:80%; display:block; text-align:center; float:left; margin:0 10% 5px 10%; }
} */


#footer {
	clear: both;
	padding: 0px;
	text-align:center;
}
#footer .inner {
	max-width:1310px;
	text-align:center;
	margin:0px auto;
}
#footer .inner2 {
	padding: 50px 5.34351%;
	max-width:1310px;
	margin:0px auto;
	text-align:left;
}
#footer p { font-size:.85em; text-transform:uppercase; float:left; line-height:1.1em; }
#footer p.pull-right { float:right; text-align:right; }

.mobileshow { display:none; }
@media only screen and (max-width: 540px) {
	.mobileshow { display:block; height:1px; }
	#footer .inner2 { text-align:center; }
	#footer .inner2 p { float:none; }
	#footer p.pull-right {
    float: none;
    text-align: center;
}
}



/** red corners  **/
.rcorners { margin:0 auto; background:url('../img/rc_tl.gif') top left no-repeat; width:73%; }
	.rcorners_inner { background:url('../img/rc_br.gif') bottom right no-repeat; }
		.rcorners_inner2 { padding:50px 65px; }

		
/*** buttons ***/
.button { color:#e31818; display:inline-block; margin:0px auto; background:url('../img/button_tl.gif') top left no-repeat; }
	.button_inner { background:url('../img/button_br.gif') bottom right no-repeat;  }
		.button_inner2 { border:2px solid #e31818; padding:10px 20px; display:block; font-size:1em; text-transform:uppercase;
  -webkit-transition : border 200ms ease;
  -moz-transition : border 200ms ease;
  -o-transition : border 200ms ease;
  transition : border 200ms ease; }
	.button:hover .button_inner2 { border:2px solid transparent; color:#e31818; }


/*** common page ***/
.content_header h1 { font-size:72px; line-height:1em; color:#fff; font-weight:normal; margin:0; padding:0; }
.content_header p { font-size:1.4em; color:#fff; font-family:proxima_nova_ltlight; }



/*** daarken ***/
.daarken { width:100%; height:100%; position:absolute; z-index:1; background:url('../img/alpha_black.png') center center repeat-x; opacity:.7; }

.common_header { padding:0; background:#a4a4a4; text-align:center; position:relative; }
		.common_header_inner {
			max-width:1310px;
			text-align:center;
			margin:0px auto;
			position:relative;
			z-index:2;
		}
		.common_header_inner2 {
			padding: 130px 5.34351% 60px 5.34351%;
			max-width:1310px;
			margin:0px auto;
			text-align:center;
		}
.common_header h1 { font-size:72px; color:#fff; font-weight:normal; margin:0; padding:0; text-align:center; font-family:proxima_nova_ltlight; }
.common_header .rcorners { margin:0 auto; background:url('../img/rc_tl.gif') top left no-repeat; width:auto; display:inline-block; }
	.common_header .rcorners_inner { background:url('../img/rc_br.gif') bottom right no-repeat; }
		.common_header .rcorners_inner2 { padding:50px 65px; }



.content{
	background: transparent;
	clear: both;
	color: #333;
	padding: 0px;
	overflow: auto;
	text-align:center;
}
	.content .inner {
		max-width:1310px;
		text-align:center;
		margin:0px auto;
	}
	.content .inner2 {
		padding: 20px 5.34351%;
		margin:0px auto;
		text-align:left;
	}
	.content .inner2 ol.col3 { -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3; }
	
	.col2 { -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; }

	.content h2 { text-align:center; padding:60px 0 0 0; }

.trcol { width:31.62393%; float:left; }
.trcol+.trcol { margin:0 0 0 2.56410%; }

@media only screen and (max-width: 768px) {
	.trcol { width:100%; float:left; padding-bottom:50px; }
	.trcol+.trcol { margin:0 0 0 0%; }
	.content .inner2 ol { -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; }
	.content .inner2 ol.col3 { -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; }
}

@media only screen and (max-width: 468px) {
	.content .inner2 ol { -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; }
	.content .inner2 ol.col3 { -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; text-align:left; }
	.col2 { -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; }
}


/** login **/
.login-form { padding-top:50px; }
.login-inner { text-align:center; }
.login-inner .buttons { padding:2em 0; text-align:center; }

/*** home ***/

.content_header { padding:0; text-align:center; margin:0px; display:block; }
.content_header .flickity-page-dots { display:none; }
#header1 { padding:0; }
	.main_carousel { position:relative; display:block; background:#fff; height:20px }
	.home_slide {  padding:0px;  width: 100%; display:block; position:relative; height:800px; }
		.home_slide_inner {
			max-width:1310px;
			text-align:center;
			margin:0px auto;
		}
		.home_slide_inner2 {
			padding: 215px 5.34351% 130px 5.34351%;
			max-width:1310px;
			margin:0px auto;
			text-align:center;
		}
		.home_slide_inner2 .rcorners { text-align:left; margin-bottom:1em; }
	#home_slide1 { background:#336699 url('../img/img_hp_bg.jpg') center center no-repeat; background-size:cover; }
	#home_slide2 { background:#336699 url(../img/header_project5.jpg) 0% 30% no-repeat; background-size:cover; }
	
	.home_slide .button { color:#fff; }
	.home_slide .button .button_inner2 { background:url('..//img/button_bg_sipka.png') center right no-repeat; padding-right:110px; }
	.home_slide .button:hover .button_inner2 { color:#fff; }

	
@media only screen and (max-width: 900px) {
	.content_header h1 { font-size: 58px; }
}
@media only screen and (max-width: 768px) {
	.home_slide {  padding:0px;  width: 100%; display:block; position:relative; height:700px; }
	.content_header h1 { font-size: 52px; }
	.common_header h1 { font-size: 52px; }
	.content_header p { font-size: 18px; }
}
@media only screen and (max-width: 680px) {
	.content_header h1 { font-size: 47px; }
}
@media only screen and (max-width: 630px) {
	.content_header h1 {
		font-size: 38px;
	}
	.content_header p {
		font-size: 15px;
	}
	.common_header h1 {
		font-size: 42px;
	}
	.common_header p {
		font-size: 15px;
	}
}
@media only screen and (max-width: 438px) {
	.home_slide {  padding:0px;  width: 100%; display:block; position:relative; height:500px; }
	.home_slide_inner2 {
		padding: 145px 5.34351% 60px 5.34351%;
		max-width: 1310px;
		margin: 0px auto;
		text-align: center;
	}

	.rcorners {
		width: 85%;
	}
	.rcorners_inner2 {
		padding: 30px 35px;
	}
	.content_header h1 {
		font-size:32px;
	}
	.content_header p {
		font-size: 13px;
	}
	.home_slide_inner2 .rcorners {
		text-align: left;
		margin-bottom: 4em;
	}
	.common_header h1 {
		font-size:32px;
	}
	.common_header p {
		font-size: 13px;
	}
	.flickity-prev-next-button.next {
		right: 0px;
	}
	.flickity-prev-next-button.previous {
		left: 0px;
	}
}
	
	
#home_cols {  }
#home_cols .inner2 { padding-top:50px; padding-bottom:50px; }
#home_cols h2 { padding:30px 0px 25px 0px; margin:0; font-size:2.8em; }
#home_cols .trcol { position:relative; }
#home_cols .trcol .trcol_inner { height:560px; position:relative; }
@media only screen and (max-width: 1000px) {
	#home_cols h2 { padding:30px 0px 25px 0px; margin:0; font-size:2.3em; }
}
@media only screen and (max-width: 768px) {
	#home_cols .trcol { padding-bottom:50px; }
	#home_cols .trcol .trcol_inner { height:auto; }
}
#home_cols .trcol .image { margin-bottom:60px; overflow:hidden; position:relative; /* padding-top:45%; */ background:#fe0; height:145px; }
#home_cols .trcol .image img { width:100%; padding-bottom:0px; display:block; position:absolute; top:0px; left:0px; }
#home_cols .trcol .buttons { text-align:center; }
#home_cols .trcol .buttons .button { display:block; margin:0px 14.6% 17px 14.6%; }

.home_articles { display:block; width:100%; height:365px; position:relative; }
.home_articles .flickity-prev-next-button { display:none; }
.home_articles .flickity-page-dots { top:160px !important; text-align:left; bottom:auto; }
.home_articles .flickity-page-dots .dot { display: inline-block; width: 14px; height: 14px; margin: 0 16px 0 0; }
.home_articles .flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); opacity: 1; background-color:#e31818; }
.home_article { width:100%; height:365px; margin-right:30px; display:block; }
	.home_article .date { background:#e31818; padding:14px; display:inline-block; position:absolute; top:0px; left:0px; text-align:center; color:#fff; font-size:14px; }
	.home_article .title { color:#e31818; font-size:24px; line-height:1.1em; padding:0 0 15px 0; }
	.home_article .text { color:#666; font-size:18px; line-height:1.1em; padding:0 0 15px 0; }
	
@media only screen and (max-width: 768px) {
	.home_articles { display:block; width:100%; height:auto; }
	.home_article { width:100%; height:auto; margin-right:0px; display:block; }
}	

@media only screen and (max-width: 736px) {
	.home_article .title { text-align:center; }
	.home_article .text { text-align:center; }
	#home_cols .trcol .trcol_inner p { text-align:center; }
}


.home_projects { display:block; width:100%; height:400px;  }
	.home_projects .flickity-prev-next-button { display:none; }
	.home_projects .flickity-page-dots { top:160px !important; text-align:left; bottom:auto; }
	.home_projects .flickity-page-dots .dot { display: inline-block; width: 14px; height: 14px; margin: 0 16px 0 0; }
	.home_projects .flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); opacity: 1; background-color:#e31818; }
.home_project { width:100%; height:400px; margin:0 30px 0 0; display:block; }
	.home_project h3 { font-size:24px; color:#333; padding:0 0 25px 0; }
	.home_project p { font-size:18px; color:#666; }
	
@media only screen and (max-width: 768px) {
	.home_projects { display:block; width:100%; height:auto; }
	.home_project { width:100%; height:auto; margin-right:0px; display:block; }
}


@media only screen and (max-width: 736px) {
	.home_project h3 { text-align:center; }
	.home_project p { text-align:center; }
}




.infobar { background:#336699; color:#fff; text-align:center; }
.infobar .inner2 { padding:75px 18% 80px 18%; }
.infobar p { color:#fff; text-align:center; padding:0; margin:0; font-size:1.5em; font-family:proxima_nova_ltlight, helvetica, arial, sans-serif; }
.infobar p.highlight { font-size:4.5em; padding:13px 0 10px 0px; line-height:1.1em; }
#caas_info { background:#336699 url('../img/img_hp_down_bg.jpg') center center no-repeat; background-size:cover; }
#caas_info2 { background:#336699 url('../img/infobar2.jpg') center center no-repeat; background-size:cover; }
#caas_info3 { background:#336699 url('../img/infobar3.jpg') center center no-repeat; background-size:cover; }
#caas_info4 { background:#336699 url('../img/infobar4.jpg') center center no-repeat; background-size:cover; }

@media only screen and (max-width: 768px) {
	.infobar p.highlight { font-size:3.5em; padding:0px 0 10px 0px; }	
}


@media only screen and (max-width: 438px) {
	.infobar p { font-size:1.2em; }	
	.infobar p.highlight { font-size:2em; padding:0px 0 10px 0px; }	
}


/*** membership ***/
#membership_header { background:url('../img/header_membership.jpg') 50% 30% no-repeat; background-size:cover; }
.highlight1 { padding:70px 0px 50px 0px; font-size:22px; }
@media only screen and (max-width:414px) {
	.highlight1 { text-align:center; }
}

.docs { padding:50px 0 0 0; }


/*** projects ***/
.project_buttons { text-align:center; padding:20px 0px; }
.project_buttons a { margin:0px auto; }

#projects_header { background:url('../img/header_projects.jpg') 50% 30% no-repeat; background-size:cover; }
.projects_list {  }
	.project_item { width:48.75%; float:left; position:relative; margin-bottom:35px; background:url('../img/rc2_tl.gif') top left no-repeat; }
	.project_item_inner { background:url('../img/rc2_br.gif') bottom right no-repeat; }
	.project_item_inner2 { background:#efefef; min-height:440px; }
		
	.project_item:nth-child(2n) {margin-left:2.5%; }
	.project_item h2 { font-size:36px; color:#000; margin:0; padding:25px 30px 0 30px; text-transform:none; }
	.project_item p { font-size:18px; color:#666; margin:0; padding:10px 30px 100px 30px; text-transform:none; }
@media only screen and (max-width:414px) {
	.project_item p { text-align:center; }
}
	.project_item img { width:100%;/*  opacity:0; */ }
	.project_item .buttons { text-align:center; padding:0 0 30px 0; position:absolute; width:100%; bottom:0px;  }
	.project_item .buttons .button:hover { background:#e31818; }
	.project_item .buttons .button:hover .button_inner2 { color:#fff; }
	.project_item:nth-child(2n+1) { /* border:5px solid #000; */ clear:left; }

	
@media only screen and (max-width: 1000px) {
	.project_item_inner2 { background:#efefef; min-height:500px; }
}

@media only screen and (max-width: 768px) {
	.project_item { width:100%; float:none; }
	.project_item:nth-child(2n) {margin-left:0%; }
	.project_item_inner2 { background:#efefef; min-height:400px; }
}

/*** projects_element ***/
.projects_element { overflow:hidden; }
.projects_element h3 { text-align:center; padding:0 0 60px 0; text-transform:uppercase; font-size:30px; color:#666; }
.projects_element .flickity-page-dots  { display:none; }
.projects_element .project_item { margin-left: 3.5%; width:31%; }
.projects_element .project_item .project_item_inner2 { background:#d5d5d5; min-height:350px; }
.projects_element .project_item h2 { font-size:36px; padding:80px 30px 0 30px; line-height:1.1em; }
.projects_element .project_item p { padding-bottom:30px; }
.projects_element .flickity-prev-next-button.next { right: -50px; }
.projects_element .flickity-prev-next-button.previous { left: -50px; }
.projects_element .flickity-prev-next-button.next .arrow { fill:#e31818; }
.projects_element .flickity-prev-next-button.previous .arrow { fill:#e31818; }

@media only screen and (max-width: 768px) {
	
	.projects_element .project_item { margin-left: 4%; width:48%; }
}

@media only screen and (max-width: 568px) {
	
	.projects_element .project_item { margin-left: 4%; width:100%; }
}


#project1_header { background: #a4a4a4 url(../img/header_project1.jpg) 50% 30% no-repeat; background-size: cover; }
#project2_header { background: #a4a4a4 url(../img/header_project2.jpg) 50% 30% no-repeat; background-size: cover; }
#project3_header { background: #a4a4a4 url(../img/header_project3.jpg) 50% 30% no-repeat; background-size: cover; }
#project4_header { background: #a4a4a4 url(../img/header_project4.jpg) 50% 30% no-repeat; background-size: cover; }
#project5_header { background: #a4a4a4 url(../img/header_project5.jpg) 50% 30% no-repeat; background-size: cover; }


/*** contacts ***/
#contacts_header { background:url('../img/header_contacts.jpg') 50% 30% no-repeat; background-size:cover; }
.contacts {  }
.contacts .inner2 {
    padding: 0px 5.34351% 35px 5.34351%;
    margin: 0px auto;
    text-align: left;
}
.contacts h2 { color:#666; font-size:24px; text-transform:none; margin-bottom:40px; }
.contacts p { color:#666; font-size:16px; margin:0 0 35px 0; line-height:1.4em; }
.contacts .trcol { text-align:center; }

.contacts .register { font-size:12px; color:#b0b5bd; text-align:center; }

@media only screen and (max-width:768px) {
	.contacts p { color:#666; font-size:16px; margin:0 0 0px 0; line-height:1.4em; }
}

#kontaktform { background:#efefef; }
	#kontaktform .inner2 { padding-top:70px; padding-bottom:65px; }
	#kontaktform h3 { font-family:proxima_nova_rgregular; padding:0 0 35px 0; margin:0; font-size:44px; text-transform:uppercase; }
@media only screen and (max-width:414px) {
	#kontaktform { text-align:center;}
	#kontaktform h3 { text-align:center;}
	.content .inner2 { text-align: center; }
}
	#kontaktform input { border:1px solid #ccc; margin:0; font-size:16px; color:#666; text-transform:uppercase; padding:1% 2%; width:96%; }
	#kontaktform .row  { clear:left; padding:0 0 1.5em 0; }
	#kontaktform .row input { width:45%; float:left; margin:0; }
	#kontaktform .row input+input { margin-left:1.4%; }
	
@media only screen and (max-width:414px) {
	#kontaktform .row input { width:100%; float:none; text-align:center; }
	#kontaktform .row input+input { margin-left:0%; }
}

	#kontaktform textarea { font-family:proxima_nova_rgregular; border:1px solid #ccc; padding:0 0 0px 0; margin:0; font-size:16px; color:#666; text-transform:uppercase; padding:1% 2%; width:96%; height:125px; margin-bottom:30px; }
	
@media only screen and (max-width:768px) {
	#kontaktform .row input { width:96%; float:left; margin:0 0 0.5em 0; padding:10px 2%; }
	#kontaktform .row input+input { margin-left:0%; }
}
	

.map {}
.map iframe { display:block; }



/** media ***/
#media_header { background:url('../img/header_media.jpg') 50% 30% no-repeat; background-size:cover; }

.half_col { width:50%; float:left; }

@media only screen and (max-width:768px) {
	.half_col { width:100%; float:none; }
}

.media_content .inner2 { padding-top:0px; padding-bottom:0; }

.media_article_item { border-bottom:1px solid #eee; margin-bottom:24px; }
	.media_article_item .article_item_inner h2 { margin:0px; padding:.6em 0 .4em 40px; font-size:24px; text-transform:none; background:url('../img/tz_icon.png') center left no-repeat; width: 80%;}
		.media_article_item .article_item_inner h2 a { margin:0px; padding:0px; font-size:24px; text-transform:none; }
	.media_article_item .article_item_inner p.date { margin:-2px 0 0 0px; padding:0px; font-size:17px; text-transform:none; color:#999999; }
	.media_article_item .article_item_inner p.text { margin:0px; padding:1em 0 1em 0; font-size:17px; text-transform:none; color:#666; font-weight:600; }
	.media_article_item .article_item_inner p.more { margin:0px; padding:0 0 15px 0; }
	.media_article_item .article_item_inner p.more a { font-size:16px; }
		
.media_articles { padding-right:60px; padding-bottom:150px; }
.media_contacts { padding-bottom:150px; }

@media only screen and (max-width:768px) {
	.media_articles { padding-right:0px; padding-bottom:0px; }
	.media_contacts {
		padding-bottom: 50px;
	}
}

/* .articles h2 { margin-bottom:45px; }
.article_item h2.title { font-size:24px; text-transform:none; margin-bottom:5px; margin-right:10%; text-align:left; }
.article_item p.date { font-size:18px; text-transform:none; margin-bottom:20px; color:#999; }
.article_item p.text { margin-right:10%; } */

.more_articles { padding:20px 0; text-align:center; }
.media_content h2 { margin:0px; text-align:left; margin:0 0 1.5em 0; }
@media only screen and (max-width:414px) {
	.media_content h2 { text-align:center; }
}

.media_contacts {  }
.media_contacts label { float:left; width:30%; text-align:right; margin-right:5%; }
@media only screen and (max-width:414px) {
	.media_contacts label { float:left; width:40%; text-align:right; margin-right:5%; }
	.media_contacts .downloads { padding-top:2em; }
	.media_contacts .downloads label { display:none; }
	.media_contacts .downloads a { text-align:center; width:100%; display:block; }
}
.media_contacts p { margin-bottom:0px; }
.media_contacts p.last { margin-bottom:1em; }



/*** articles ***/
.articles {  }
	.articles h2 { text-align:left; }
@media only screen and (max-width:414px) {
	.articles h2 { text-align:center; }
}
	.articles .article_item .article_item_inner { width:48%; float:right; border-top:1px solid #eee; padding-top:20px; }
	.articles .article_item.first-child .article_item_inner { border-top:0px solid #eee; }
	.articles .article_item .article_item_inner h2.title { text-align:left; margin:0; padding:0; font-size:26px; text-transform:none; font-weight:bold; }
	.articles .article_item .article_item_inner p.date { text-align:left; margin:0; padding:0; font-size:17px; text-transform:none; color:#999999; margin-bottom:1em; }
	.articles .article_item .article_item_inner p.text { text-align:left; margin:0; padding:0; font-size:17px; text-transform:none; font-weight:bold; padding-bottom:1em; }
	
	.articles .article_item .image { width:48%; float:left; height:280px; }
	.articles .article_item .image img { display:block; width:100%; margin-top:20px; }
@media only screen and (max-width: 414px) {
	.articles .article_item .article_item_inner { width:100%; float:none; border-top:1px solid #eee; padding-top:20px; padding-bottom:50px; }
	.articles .article_item .image { width:100%; float:none; height:280px; }
}
	
.articles_content { padding-top:80px; }
@media only screen and (max-width: 414px) {
	.articles_content p { text-align:center; }
}

.articles_view_more { background:#e0e0e0; font-size:10px; }
.articles_view_more h3 { margin-bottom:20px; }
.articles_view_more .article_item { width:30%; float:left; position:relative; }
	.articles_view_more .article_item h2.title { text-align:left; text-transform:none; margin:0px 0 15px 0; padding:0px; font-size:24px; line-height:1.1em; }
	.articles_view_more .article_item .image { height: 145px; overflow: hidden; margin-bottom:17px; display:block; background:#fff; }
	.articles_view_more .article_item .image a { width:100%; height:100%; display:block; }
	.articles_view_more .article_item .date { background:#e31818; padding:14px; display:inline-block; position:absolute; top:0px; left:0px; text-align:center; color:#fff; font-size:14px; }
	.articles_view_more .article_item .text { font-size:16px; }

.articles_view_more .article_item+.article_item { margin-left:5%; }

@media only screen and (max-width:768px) {
	.articles_view_more .article_item { width:47.5%; float:left; position:relative; }		
	.articles_view_more .article_item:nth-child(3n+0) { display:none; }		

}
@media only screen and (max-width:468px) {
	.articles_view_more .article_item { width:100%; float:none; position:relative; margin-bottom:40px; }		
	.articles_view_more .article_item+.article_item { margin-left:0%; }
}

#more_articles_loading div.center { text-align:center; padding:2em;}

/*** article ***/
.article_details .highlight { font-size:1.4em; margin:0 0 1em 0; }
	.article_title { padding:20px 0 40px 0; margin:0; }
	
	
	.text.hasDocuments { float:left; width:65%; }
	.files_block { float:right; width:30%; }
		.files_block h3 { font-size:18px; padding:0 0 0 0; margin:0 0 0 0;  }
		 
		.files_block h4.file { padding:15px 0 15px 5px; border-bottom:1px solid #eee; color:#999999;}
		.files_block h4.file a { margin: 0px; padding: .6em 0 .4em 40px; font-size: 24px; text-transform: none; background: url(../img/tz_icon.png) center left no-repeat; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; }
	
	.gallery_wrapper h3 { font-size:22px; padding:1em 0 1em 0; margin:0 0 0 0;  }
		.gallery .gallery_item { float:left; width:20%; position:relative; }
		.gallery .gallery_item img { width:100%; }
		
@media only screen and (max-width:736px) {
	.text.hasDocuments { float:none; width:100%; }
	.files_block { float:none; width:100%; padding-top:50px; }
}

/** items **/
.item {  }
.item {  }

#events_details_rc2 { background:#eee; text-align:center; }
#events_details_rc2 .inner {
	padding: 20px 2%;
	max-width:900px;
	margin:0px auto;
	text-align:left;
}
#events_details_rc2 p { color:#999; }
#events_details_rc2 .articles_item_mini  { }
.events_box .articles_item_mini { padding-top:50px; }
.events_box .line2 { height:1px; background:#fff; }
.events_box .title { font-size:1.6em; margin:0 0 .2em 0; padding:0; }
.events_box .more { padding-top:2em; }



.article_item { padding-bottom:20px; }
	.article_item .image { height:100px; overflow:hidden; }
	.article_item .image img { width:100%; }
	
	





/*** about ***/
.eticky_kodex { padding:50px 0px 0px 0px; text-align:center; }
	.eticky_kodex .button { margin:0px auto; text-decoration:none; }
	.eticky_kodex .button span { border-bottom:0px; }

.people {  }
.person { width:30%; margin:1.66666%; float:left; text-align:center; }
	.person .image { }
	.person .image img { width:50%; border-radius:50%; margin:0 auto 20px auto; }
	.person h3 { font-size:16px; font-family:proxima_nova_rgbold; }
	.person p { font-size:16px; }
	.person .show_more { padding: 20px 0px; }
	.person .hide_more { padding: 20px 0px; display:none; }
	
	/* .person a { border: 2px solid #e31818; padding:7px 8px 7px 15px; font-size:15px;font-family:proxima_nova_rgbold; } */
		.person a span { border-bottom: 0px solid #f5bfbf; margin-left:20px; }
	.person .person_more { text-align:left; display:none; }
		.person .person_more ul li { font-size:16px; }
		
.person:nth-child(0n+4) { clear:left; }

 .about_members {}

	.about_members a { width:31%; display:block; text-align:center; float:left; margin-bottom:30px; margin-left:3.5%; background:#efefef; padding:0px; transition:all .3s ease; }
	.about_members a:hover { background:#ccc; }
	.about_members a img { width:60%; margin:0px auto; }	
	.about_members a:nth-child(3n+1) { margin-left:0%; }
	/*
	
@media only screen and (max-width: 1250px) {
	.about_members.members a { width:31%; display:block; text-align:center; float:left; }
}
*/
@media only screen and (max-width: 768px) {
	.about_members a { width:48%; display:block; text-align:center; float:left; }
	.about_members a:nth-child(3n+1) { margin-left:4%; }
	.about_members a:nth-child(2n+1) { margin-left:0%; }	
}

@media only screen and (max-width: 568px) {
	.about_members a { width:100%; display:block; text-align:center; float:left; margin-left:0; }
	.about_members a:nth-child(3n+1) { margin-left:0%; }
}

@media only screen and (max-width:768px) {
	
	.person { width:45%; margin:2.5%; float:left; text-align:center; }	
	.person:nth-child(2n+1) { clear:left; }
	.person:nth-child(0n+4) { clear:none; }
	
}


@media only screen and (max-width:468px) {
	
	.person { width:100%; margin:0 0 50px 0; float:none; text-align:center; }
	
}





/* EU COOKIES */

.eu-cookies { position: fixed; width: 100%; bottom: 0px; z-index: 100; line-height: 1.4; display: none; color: #000; text-align:center; }
	.eu-cookies .eu-cookies-inner { background-color: #fff; margin: 0 auto; padding: 20px 6.5px; -webkit-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.65); -moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.65); box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.65); }

	.eu-cookies .info { width: 100%; float: left; text-align: center; margin: 0; padding-left: 6px; font-size: 13px; }
		.eu-cookies .info a { color: #000; text-decoration: underline; }
		.eu-cookies .info a:hover { color: #e31818; text-decoration: none; }

.eu-cookies .button-and-link { float: left; margin: 9px 0 9px; text-transform: uppercase; }

.m_hide { display: block; }
.m_show { display: none; }