/* *** CSS RESET *** */

@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
input {margin: 0; padding: 0;}
* {margin: 0; padding: 0;}
a {outline: none; text-decoration: none;}
a:hover {outline: none; text-decoration: none; padding:none;}
a, img {border: 0;}
.clearfix {display:inline-block}
.clearboth {clear:both;}
button {cursor: pointer;}

html {
	height:100%;
}

BODY {
    color: #000000;
    font-family: 'Raleway','Calibri';
    margin: 0;
    padding: 0;
    background: #ffffff;
}

input, textarea, button, select {
    font-family: 'Raleway', 'Calibri', sans-serif;
}


#container {
	display: block;
    width: 1198px;
    margin: 0px auto;
}

.content{
    display: block;
	width:100%;
	padding-top:20px;
}

.content .content_box .content_box_text .block_box .block_box_text h1,h2,h3,h4,h5,h6,p,span,strong,table,caption,tbody,tfoot,thead,tr,th,td,sub,sup{
    font-size: revert;
    font-weight: revert;
}

.content .content_box .content_box_text .block_box .block_box_text table,caption,tbody,tfoot,thead,tr,th,td{
    border: 1px solid #194ba0;
}

.content .main_box{
   margin-bottom: 20px; 
    position: relative;
}
    
.content .main_box .main_box_parent--flaga{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    background: #194ba0;
    clip-path: circle(50% at 50% 50%);
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    left: -5px;
    top: -5px;
}

.content .main_box .main_box_parent--flaga_wydarzenie{
    background: #19a54a;
}

.content .main_box .main_box_parent--flaga_wydarzenie p{
    font-size: 15px;
}

.content .main_box .main_box_parent--tresc{
    display: flex;
    flex-direction: row;
    padding: 20px;
    background: rgba(215, 230, 255, .7);
    border-bottom: 8px solid #194ba0;
}

.content .main_box .main_box_parent--tresc .main_box_element-zdjecie{
    width: 35%;
}

.content .main_box .main_box_parent--tresc .main_box_element-zdjecie img{
    width: 100%;
}

.content .main_box .main_box_parent--tresc .main_box_element-tresc{
    width: 60%;
    padding: 10px 0px 10px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content .main_box .main_box_parent--tresc .main_box_element-tresc .main_box_element_tytul{
    text-transform: uppercase;
    color: #194ba0;
    font-weight: bold;
    margin-bottom: 12px;
}

.content .main_box .main_box_parent--tresc .main_box_element-tresc .main_box_element_tresc{
    width: 95%;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content .main_box .main_box_parent--tresc .main_box_element-tresc .main_box_element_przycisk{
    text-align: right;
    margin-top: 15px;
}

.content .main_box .main_box_parent--tresc .main_box_element-tresc .main_box_element_przycisk a{
    padding: 5px 12px;
    text-transform: uppercase;
    font-size: 14px;
    border: 2px solid #194ba0;
    transition: all 0.5s ease;
    background: #194ba0; 
    color: #fff;
    font-weight: bold;
}

.content .main_box .main_box_parent--tresc .main_box_element-tresc .main_box_element_przycisk a:hover{
    background: none; 
    color: #194ba0;
}

.content #modal_alert{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    text-align: center;
    background: rgba(0,0,0,0.5);
}

.content #modal_alert .modal-content{
    height: 240px;
    background: #e3edff;
    width: 50%;
    margin: 20% auto;
    padding: 25px 20px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border-top: 10px solid #194ba0;
}

.content #modal_alert .modal-content .modal-content_box{
    padding: 0 40px;
    line-height: 26px;
}

.content #modal_alert .modal-content .modal-content_box_header{
    font-weight: bold;
    color: #194ba0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.content #modal_alert .modal-content span{
    color: #194ba0;
    font-weight: bold;
}

.content #modal_alert .modal-content .modal_text_dziekujemy{
    padding-top: 20px;
    font-weight: bold;
}

.content #modal_alert .modal-content .modal-content_box_footer button{
    padding: 3px 30px;
    background: #194ba0;
    border: 2px solid #194ba0;
    border-radius: 3px;
    color: #fff;
}

.content #modal_alert .modal-content .modal-content_box_footer button:hover{
    background: #fff;
    color: #194ba0;
}



/* *** TOP *** */

.top_content{
    display: block;
	width:100%;
	height:auto;
}

.top_content .top_content_box{
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}

.top_content .top_content_box .top_content_logo{
    width: 250px;
    margin-right: 20px;
}

.top_content .top_content_box .top_content_logo img{
    width: 100%;
}

.top_content .top_content_box1 .top_content_upperbanner{
    width: 950px;
    position: relative;
    background-image: url(../gfx/background_01.jpg);
    background-size: cover;
    background-position: center;
    margin-bottom: 18px;
}

.top_content .top_content_box1 .top_content_upperbanner_projekty{
    background: #194ba0;
    position: relative;
}

.top_content .top_content_box1 .top_content_upperbanner_wydarzenia{
    background: #19a54a;
}


.top_content .top_content_box1 .top_content_upperbanner:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    height: 4px;
    width: 100%;
    background: #194ba0;
}

.top_content .top_content_box1 .top_content_upperbanner .top_content_upperbanner_background .top_content_upperbanner_apla{
    width: 700px;
    height: 60px;
    background: rgba(255, 255, 255, .7);
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px;
}

.top_content .top_content_box1 .top_content_upperbanner .top_content_upperbanner_background .top_content_upperbanner_apla p{
    text-align: center;
    text-transform: uppercase;
    color: #194ba0;
    font-weight: bold;
    font-size: 20px;
    padding: 0px 50px;
    line-height: 32px;
    letter-spacing: 1px;
}

.top_content .top_content_box3 .top_content_menu{
    margin-right: 16px;
    background: #194ba0;
}

.top_content .top_content_box3 .top_content_menu .menu_element{
    width: 250px;
    text-align: center;
    height: 45px;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
}

.top_content .top_content_box3 .top_content_menu .menu_element a{
    color: #fff;
    display:inline-block;
    width: 100%;
    height: 100%;
    padding-top: 14px;
    font-size: 15px;
}

.top_content .top_content_box3 .top_content_menu .menu_element_active{
    background: #19a54a;
}

.top_content .top_content_box3 .top_content_menu .menu_element:hover{
    background: #d7e6ff;
}

.top_content .top_content_box3 .top_content_menu .menu_element:hover a{
    color: #194ba0;
    font-weight: bold;
}

.top_content .top_content_box3 .top_content_menu .menu_element:last-child{
    border: none;
}

.top_content .top_content_box3 .top_content_info .topinfo_upper .topinfo_upper_content{
    display: flex;
    flex-direction: column;
    text-align: center;
    background: rgba(215, 230, 255, .7);
    padding: 30px 20px;
    width: 700px;
    margin: -35px auto 0;
}

.top_content .top_content_box3 .top_content_info .topinfo_upper .topinfo_upper_content .topinfo_upper_content_title p{
    text-transform: uppercase;
    color: #194ba0;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

.top_content .top_content_box3 .top_content_info .topinfo_upper .topinfo_upper_content .topinfo_upper_content_text p{
    line-height: 26px;
    padding: 0 30px;
}

.top_content .top_content_box3 .top_content_info .topinfo_lower{
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    justify-content: space-around;
    position: relative;
}

.top_content .top_content_box3 .top_content_info .topinfo_lower:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    height: 4px;
    width: 100%;
    background: #194ba0;
}

.top_content .top_content_box3 .top_content_info .topinfo_lower .topinfo_lower_contentleft{
    width: 60%;
    padding: 10px;
}

.top_content .top_content_box3 .top_content_info .topinfo_lower .topinfo_lower_contentleft p{
    line-height: 28px;
    color: #194ba0;
}

.top_content .top_content_box3 .top_content_info .topinfo_lower .topinfo_lower_contentleft p span{
    font-weight: bold;
}

.top_content .top_content_box3 .top_content_info .topinfo_lower .topinfo_lower_contentright{
    width: 30%;
    padding-bottom: 10px;
}

.top_content .top_content_box3 .top_content_info .topinfo_lower .topinfo_lower_contentright img{
    width: 100%;
    opacity: 0.4;
}


/**GALERIA**/

.content .content_box .content_gallery_title{
    border-bottom: 3px solid #194ba0;
    text-transform: uppercase;
    color: #194ba0;
    font-size: 22px;
    letter-spacing: 1px;
    padding: 10px;
    text-align: center;
    margin-top: 20px;
}

.content .content_box .content_box_gallery{
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    border-bottom: 8px solid #194ba0;
    padding: 10px 0;
    /*height: 240px;*/
}

.content .content_box .content_box_gallery .gallery_box_img{
    width: 24%;
    margin-left: 10px;
}

.content .content_box .content_box_gallery .gallery_box_img:first-child{
    margin-left: 0;
}

.content .content_box .content_box_gallery .gallery_box_img img{
    width: 100%;
}

.content .content_box .content_box_gallery .slick-arrow{
    color:rgb(25, 75, 160, 0.5);
    font-size: 50px;
    border: none;
    background: none;
}

.content .content_box .content_box_gallery .slick-arrow:hover{
    color:rgb(25, 75, 160, 1);
}

.content .content_box .content_box_gallery .slick-prev{
    padding-right: 10px;
    margin-left: -60px;
}

.content .content_box .content_box_gallery .slick-next{
    padding-left: 10px;
    margin-right: -60px;
}

.content .content_box .content_box_gallery .gallery-element{
    margin: 0 5px;
    cursor: pointer;
}


.content .content_box .content_box_gallery .gallery-element img{
    width: 100%;
}


/*.content .content_box .content_box_gallery .slick-prev:after{
    content:'\2B9C'; 
    visibility: visible;
    display: block;
    position: absolute;
    padding: 5px;
    top: 30%;
    left: -60px;
    font-size: 50px;
}*/

/*.content .content_box .content_box_gallery .slick-next:after {
    content:'\2B9E'; 
    visibility: visible;
    display: block;
    position: absolute;
    padding: 5px;
    top: 30%;
    right: -60px;
    font-size: 50px;
}*/

.content .content_box .gallery_modal{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    text-align: center;
    background: rgba(0,0,0,0.7)
}

.content .content_box .gallery_modal .gallery_modal_content{
    margin: 20% auto;
    width: 50%;
    position: relative;
}

.content .content_box .gallery_modal .gallery_modal_content .gallery_modal_image img{
   width: 100%;
}

.content .content_box .gallery_modal .gallery_modal_content button{
    background: #fff;
    color: #808080;
    font-size: x-large;
    position: absolute;
    right: -25px;
    top: -25px;
    border: none;
    width: 50px;
    height: 50px;
    clip-path: circle(50% at 50% 50%);
}

.content .content_box .gallery_modal .gallery_modal_content button:hover{
    color: #194ba0;
    background: rgb(255,255,255, 0.9);
}


.error{
	height:25px;
	color:#F00;
	display:none;
}

.error_border{
    border: 1px solid red;
}


#loading {
	z-index:9999;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba( 255, 255, 255, .8 );
}

#loading img {
	position:fixed;
	width:14%;
	top:36%;
	left:43%;
}

.footer{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background: #194ba0;
    padding: 30px;
}

.footer div{
    width: 100%;
}

.footer div .footer_left_text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-style: italic;
    color:#fff;
    font-size: 14px;
}

.footer_left div{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
    margin-bottom: 10px;
}

.footer_left .footer_left_link_adres{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px;
}

.footer_left .footer_left_1 a .footer_left_icon{
    width: 80px;
    margin-right: 20px;
}

.footer_left .footer_left_2 .footer_left_icon{
    width: 80px;
    margin-right: 20px;
}

.footer_left .footer_left_3 .footer_left_icon{
    width: 80px;
    margin-right: 20px;
}

.footer_left div .footer_left_icon img{
    width:100%;
}

.footer_left .footer_left_2 .footer_left_text{
    font-size: 16px;
}

.footer .footer_center{
    text-align: center;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 15px;
}

.footer .footer_center .footer_menu .footer_menu_element a{
    color: #fff;
}

.footer .footer_center .footer_menu .footer_menu_element a:hover{
    color: #19a54a;
}

.footer .footer_right .footer_right_image{
    width: 50%;
}

.footer .footer_right .footer_right_image img{
    width: 100%;
    margin-left: 50%;
    /*filter: brightness(0) invert(1);*/
    border: 2px solid white;
    padding: 10px;
}