* {text-shadow: none !important;}
a:hover {font-weight: 500 !important; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/DXI1ORHCpsQm3Vp6mXoaTRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(fonts/uYKcPVoh6c5R0NpdEY5A-Q.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/k3k702ZOKiLJc3WVjuplzBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
img {border: none;}
p {margin:0;}
body {
        font-family: 'Open Sans', sans-serif;
        margin: 0;
	padding: 0;
        /*background-size: 100%;*/
       /* position: fixed;*/
	overflow-x: hidden;
/*        font-weight: lighter ;*/
        font-size: 14px;
        color: #2a2a27;
       
}
.bg {
        position: fixed;
        background-size: cover;
        width: 100%;
        height: 100%;
/*        -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url('grayscale.svg#greyscale'); /* Firefox 4+ */
 /* filter: gray; /* IE 6-9 */

        }
a {text-decoration: none !important; }
.con {margin-left: auto; margin-right: auto; width: 100%; overflow-x: hidden; }
.con a {/*color: white;*/ color: #555555;}
.home {letter-spacing: 0.3em; text-align: center; text-transform: uppercase; cursor: pointer; color: white; position: absolute; background: #25aae1; overflow: hidden; border-radius: 50%; min-width: 100px; min-height: 100px;   border: #fff200 10px solid;}
.home:hover { color: #fff200;}
.top {position: absolute; z-index: 10; margin-left: 346px; width: 760px; height: 120px; background: url('images/top.png') no-repeat;}
.top .top1 {letter-spacing: 0.3em; color: black; text-transform: uppercase; text-align: right; font-size: 29px;
transform:rotate(3deg) translate3d(0,0,0); -webkit-transform:rotate(3deg) translate3d(0,0,0);
-moz-transform:rotate(3deg) translate3d(0,0,0); -o-transform:rotate(3deg) translate3d(0,0,0); padding-right: 30px; position: absolute; top: 1px; right: 0px;}
.top .top2 {letter-spacing: 0.3em; color: #00aeef; padding-left: 35px; font-size: 23px;
transform:rotate(1deg) translate3d(0,0,0); -webkit-transform:rotate(1deg) translate3d(0,0,0);
-moz-transform:rotate(1deg) translate3d(0,0,0); -o-transform:rotate(1deg) translate3d(0,0,0); position: absolute; top: 70px; right: 232px;}

/** PERFROM START **/
.contact_form {margin-left: auto;
margin-right: auto;
width: 450px; }
input[type=text] {color: #2a2a27; width: 200px;
                             float: left;
                             height: 35px; line-height: 35px; padding: 2px;
                             border: 1px solid #a2a2a2; background: none !important;}
input[type=submit] {width: 200px; margin-top: 30px; color: #2a2a27; font-size: 22px;  line-height: 35px; padding: 2px; border: 1px solid #a2a2a2; }
.label {/*line-height: 35px; margin-top: 10px;*/ float: left;
width: 50%;
line-height: 35px;}
.label input[type=text] {
    width:94%;
    margin-left: 3%;

}
.label_submit, .label_textarea {float: left;
width: 100%;}
.label_submit .submit input {width: 98%;
margin-left: 2%;
background: rgba(255,255,255,0.6) !important;
text-transform: uppercase;}
.label_textarea textarea {width: 100%;}
.label .value, .label_textarea .value {text-align: center;}
textarea {color: #2a2a27; width: 400px; height: 200px;
                             float: left;
                              line-height: 35px; padding: 2px;
                             border: 1px solid #a2a2a2; background: none !important;}
.req {display: none;}
.logo {width: 184px; height: 52px; background-size: 100% 100% !important;
background-position: center; margin-top: 20px;  background: url('images/logo_pl.png') no-repeat; margin-left: auto; margin-right: auto;}
.actual {line-height: 22px; position: relative; text-align: center; font-weight: 400; color: white !important; 
        margin-top: 30px;  width: 510px; height: auto !important;  margin-left: auto; margin-right: auto; width: 100%;}
.actual .title {font-size:22px; text-transform: uppercase; line-height: 26px;}
.actual span {font-size:14px; text-transform: uppercase;}
.news_short { opacity: 0; overflow: hidden;}
.about{display: none !important;}
.people {font-size: 40px;   left: 485px; top: 51px;   position: absolute; color: #555555;
      /*  text-shadow: 11px 14px 5px rgba(0, 0, 0, 0.7);*/ text-transform: uppercase; width: 210px; text-align: center; }
.galery {font-size: 27px; left: 1370px; z-index: 2; top: 325px; width: 180px;  position: absolute;
color: #555555;/*white;
       /* text-shadow: 11px 14px 5px rgba(0, 0, 0, 0.7);*/ text-transform: uppercase;  text-align: center;}
.partners {text-align: center;  width: 195px;  left: 1115px; top: 953px; position: absolute;
          z-index: 2; color:#555555/* white;*/; font-size: 25px; text-transform: uppercase;
 /*       text-shadow: 11px 14px 5px rgba(0, 0, 0, 0.7);*/}
.contact {font-size: 30px; text-transform: uppercase; color: white; width: 160px;  top: 43px; left: 1287px;
         position: absolute;
         z-index: 2;
         text-align: center;
   /*      text-shadow: 11px 14px 5px rgba(0, 0, 0, 0.7);*/
         }
.newsletter {font-size: 30px; text-transform: uppercase; color: white; width: 160px;  top: 1061px; left: 678px;
         position: absolute;
         z-index: 2;
         text-align: center;
 /*        text-shadow: 11px 14px 5px rgba(0, 0, 0, 0.7);*/
         }
.newsletter_page { text-align: center; }
.newsletter_form {margin-top: 45px; float: left; width: 100%;}
.newsletter_form h1 {margin: 0;
text-align: center;
font-size: 22px;
width: 100%;
font-weight: 600;
float: left;
border: none;
color: #2a2a27;
margin-left: 0px;}
.fb {top: 325px; left: 1227px; width: 50px; height: 50px; position: absolute;}
.news_button {font-size: 30px; text-transform: uppercase; color: #555555;/*white;*/ width: 250px;  left: 920px; top: 378px;
         position: absolute;
         z-index: 2;
         text-align: center;
        /* text-shadow: 11px 14px 5px rgba(0, 0, 0, 0.7);*/
position: absolute;}
.fundacja {font-size: 24px; text-transform: uppercase; color: white; width: 250px;  left: 817px;
top: 674px;
         position: absolute;
         z-index: 2;
         text-align: center;
 /*        text-shadow: 11px 14px 5px rgba(0, 0, 0, 0.7);*/
          -webkit-transform: rotate(-13.5deg) translate3d(0,0,0);
-moz-transform: rotate(-13.5deg) translate3d(0,0,0);
-ms-transform: rotate(-13.5deg) translate3d(0,0,0);
-o-transform: rotate(-13.5deg) translate3d(0,0,0);
transform: rotate(-13.5deg) translate3d(0,0,0);
position: absolute;}
.projects_1 span {font-size: 28px;}
.projects_1 {font-size: 24px; text-transform: uppercase; color: white; width: 250px;  left: 550px;
top: 335px;
         position: absolute;
         z-index: 2;
         text-align: center;
 /*        text-shadow: 11px 14px 5px rgba(0, 0, 0, 0.7);*/
     
position: absolute;}
.projects_2 span {font-size: 26px;}
.projects_2 {font-size: 22px; text-transform: uppercase; color: white; width: 220px;  left: 740px;
top: 520px;
         position: absolute;
         z-index: 2;
         text-align: center;
/*         text-shadow: 11px 14px 5px rgba(0, 0, 0, 0.7);*/
          -webkit-transform: rotate(-13.5deg) translate3d(0,0,0);
-moz-transform: rotate(-13.5deg) translate3d(0,0,0);
-ms-transform: rotate(-13.5deg) translate3d(0,0,0);
-o-transform: rotate(-13.5deg) translate3d(0,0,0);
transform: rotate(-13.5deg) translate3d(0,0,0);
position: absolute;}
.projects_3 span {font-size: 29px; }
.projects_3 {font-size: 24px; text-transform: uppercase; color: white; width: 200px;  left: 1100px;
top: 620px;
         position: absolute;
         z-index: 2;
         text-align: center;
 /*        text-shadow: 11px 14px 5px rgba(0, 0, 0, 0.7);*/
        
position: absolute;}
.projects_4 {font-size: 24px; text-transform: uppercase; color: white; width: 190px;  left: 682px;
top: 830px;
         position: absolute;
         z-index: 2;
         text-align: center;
 /*        text-shadow: 11px 14px 5px rgba(0, 0, 0, 0.7);*/

position: absolute;}
.boxes_white .news .in {width: 100%; padding: 12px;/* background:  rgba(255,255,255,0.85);*/ float: left;}
.boxes_white .module {padding: 0px !important; background: none !important;}
.boxes_white h1 {margin-top: 0px;
margin-bottom: 5px;}
.p_galery {width: 48%; height: 170px; float: left; /*background: url('images/no_galery.jpg') no-repeat center center; */background-size: cover;}
.p_video {width: 48%; height: 170px; float: right; /*background: url('images/no_video.jpg') no-repeat center center; */background-size: cover;}
.p_galery .span, .p_video .span {/*width: 100%;
line-height: 45px;
text-align: center;
background: rgba(255,255,255,0.85);
margin-top: 30px;*/}
.p_galery .span {width: 100%; height: 100%; background: url('images/galery2.png') no-repeat; opacity: 0.25;}
.p_video .span {width: 100%; height: 100%; background: url('images/video2.png') no-repeat; opacity: 0.25;}
.back {display:none;}
h1 span {font-size: 18px;}
h1 {    font-size: 26px;
    font-weight: normal;
    width: 80%;
    margin-left: 10%;
    text-align: center;
    line-height: 35px;
    margin-bottom: 0px;
    color: #454545;
    border: none !important;}
.news_container {margin-left: auto; margin-right: auto; min-height: 200px; width: 893px; margin-top: 100px; position: relative; z-index: 3000;}
.news .in {width: 100% !important; /*background: rgba(255,255,255,0.82); */ background: none !important; float: left; }
.sign_home {width: 325px; height: 30px;
           background: url('images/sign2.png') no-repeat;
           position: absolute; right: 342px; bottom: 0px;  }

body {height: 100%;}


#intro {overflow: hidden; width: 100%; height: 100%; margin: 0 auto;  position: absolute; z-index: 2; background: url('/file/intro/intro.jpg') no-repeat center center; background-size: cover;}
#intro #in_intro {
position: absolute;
z-index: 2000;

top: 5%;
width: 90%;
height: 90%;
left: 5%;
border: 2px solid white;}
/*#intro #in_intro {margin-top: 2.5%; width: 90%; height: 90%; margin-left: auto; margin-right: auto; border: 2px solid white;}*/
#in_intro .top_s{ margin-top: 10%; margin-left: auto; margin-right: auto; width: 450px; height: 70px;}
#in_intro .top_s .logos{ float: left; width: 60%; height: 100%;  background: url('images/logo_pl.png') no-repeat; background-size: 99% 99% !important;
background-position: center; }
.top_s .logos img { width: 90%; margin-left: auto; margin-right: auto; }


/** LANGUAGE NEW **/
/*#in_intro .top_s */
/*.pl:hover ,.en:hover{ background: url('images/pentagon.png') no-repeat; background-size: 99% 99% !important;
background-position: center;}
*/
/*#in_intro .top_s */.pl{        height: 56px;
    float: left;
    width: 80px;
    left: 50%;
    top: 15px;
    position: absolute;
    margin-left: -160px;}
/*.top_s*/ .pl .img{ background: url('images/pl.jpg') no-repeat; background-position: center center; height: 100%;  background-size: 50%;}

/*#in_intro .top_s */.en{
    height: 56px;
    float: right;
    width: 80px;
    top: 15px;
    left: 50%;
    position: absolute;
    margin-left: 80px;}
/*.top_s */.en .img{  background: url('images/en.jpg') no-repeat; background-position: center center; height: 100%; background-size: 50%;}
/** LANGUAGE NEW **/


#in_intro .nav{ margin-left: auto; margin-right: auto; width: 67px; height: 54px; margin-top: 115px;}
#in_intro .nav .triangle{background: url('images/triangle.png') no-repeat; width: 100%; height: 100%; margin-top: 0px; cursor: pointer;}

.in_container {margin-left: auto; margin-right: auto; width: 1920px; /*top: 100%; */position: absolute; background: url('images/home.png') no-repeat; height: 1276px; }
.uppage {display: none;}
.uppage2 {padding-top: 35px;
text-align: center;
color: white;
text-transform: uppercase;
font-size: 9px;
cursor: pointer;
width: 45px;
height: 45px;
background: url('images/uppage.png') no-repeat top center;
position: absolute;
background-size: 80% 52%;
right: 770px;
top: 20px;
z-index: 35;}
.news_img {width: 320px;
height: 423px;
background: url('images/news_foto.png') no-repeat;
background-size: 100% 100%;
position: absolute;
opacity: 0.5;}
/* ludzie */
h1 {text-transform: uppercase;}
.wydarzenia_content, .human_content {display: none; float: left; width: 48%; padding: 10px; font-size: 14px;
               color: #2a2a27;  /*background: rgba(255,255,255,0.85);*/ margin-top: 12px; margin-bottom: 12px;}
.human .s_l {width: 20%; height: 114px; float: left; }
.human .s_l .wir {display: none !important;}
.human .s_l .in_sl {width: 100%; height: 100%;   }
.human .s_r { width: 73%; line-height: 12px; /*background: rgba(255,255,255,0.85); */ float: right; height: 94px; font-size: 18px; padding: 10px;}
.human {float: left; width: 49%; line-height: 34px; margin-top: 6px; margin-bottom: 6px;}

.partner .human  {line-height: 20px;}
.partner .in {background: none !important; width: 100% !important; padding: 0px !important; }
.partner .human h2 {font-size: 18px;}
.partner .human h3 {font-size: 12px;}
.human h2 ,.human h3 {margin: 0; font-size: 13px; color: #2a2a27; text-transform: uppercase; font-weight: normal;}
.human h2 {font-size: 20px; font-weight: 600; line-height: 22px;}
.human h3 {line-height: 15px;}

.human .more_wydarzenia .span,.human .more .span {float: left; font-size: 13px;}
.human .more_wydarzenia, .human .more { /*width: 100%; */text-transform: uppercase; color: black;
       cursor: pointer; line-height: 18px; font-size: 15px;  }
.human .more_wydarzenia { color: black; font-weight: bold; }
.human .more .dot { width: 18px; height: 18px; background: #fff200; border-radius: 50%;  float: left;}
.wydarzenia_content .x,.human_content .x {width: 18px; height: 18px;  float: right; cursor: pointer; text-transform: uppercase; margin-bottom: 5px;

   color: rgb(88, 84, 84); font-weight: 600; line-height: 18px; text-align: center; font-size: 15px; }
.hr {display: none !important;}


.article,.news .module {width: 100%; padding: 12px; /*background:  rgba(255,255,255,0.85);*/ float: left;}
.article { text-align: center; margin-bottom: 20px; float: left; height: 140px; width: 48%; margin-left: 1%; margin-right: 1%; padding-left: 0px; padding-right: 0px; }
.article a {color:  #2a2a27; text-decoration: none;}
.article h1 { margin: 0; text-align: left; font-size: 16px;
             text-shadow: none !important; line-height: 18px; width: 100%;
             font-weight: 600; float: left; border: none; color: #2a2a27; margin-left: 0px;
margin-bottom: 12px;}
.article h1 span {font-size: 14px; font-weight: 100; display: none !important;}
 h1 span .small{ text-transform: none ; display: none !important;}
.photo .in_sl {width: 100%; height: 100%;}
.photo, .in_photo {margin-right: 0px; margin-left: 10px; margin-bottom: 10px; float: right;}
.in_photo .s_l {width: 398px; height: 414px; float: left; }
.in_photo .s_l .in_sl {width: 100%; height: 100%;   }
.in a {color: #2a2a27; font-weight: 400;}
#module_team img{width: 100%; margin-bottom: 10px;}
h1 {float: left;}
.in .in_news {float: left;width: 100%; }
.in .in_news p {margin:0; }

.about_movie {float: left; margin-left: 20px;  width: 360px; text-align: left;}
iframe {float: left; width: 48% !important; margin-left: 1%; margin-bottom: 10px;}


.formgroup span { font-size: 11px;}
.formgroup .form { float: left; width: 48%; margin-right: 2%; line-height: 35px;}
.formgroup .right { float: right; width: 48%; margin-left: 2%; line-height: 35px; margin-right: 0px;}
.formgroup .right input[type=text] { float: right !important; }
.formgroup { margin-left: auto; margin-right: auto; width: 450px;}
.formgroup input[type=text] {color: #2a2a27; width: 100%;
                             float: left;
                             height: 35px; line-height: 35px; padding: 2px;
                             border: 1px solid #a2a2a2; background: none !important;}
.formgroup button {width: 100%; margin-top: 30px; background: rgba(255,255,255,0.6);
text-transfom: uppercase; color: #2a2a27; font-size: 22px;  line-height: 35px; padding: 2px; border: 1px solid #a2a2a2; }
.formgroup button span {font-size: 11px; line-height: 12px;}
.project-close-photo {float: left; width: 31.3%;
                     margin-left: 1%; margin-right: 1%;
                     height: 240px;
                     max-width: 360px;
                     position: relative;
                     margin-bottom: 30px;
}
.project-close-photo .projects {position: absolute; bottom: 30px; margin-top: 0px; margin-bottom: 0px; width: 100% !important;}
.projects {
    width: 100%;
    float: left; 
    margin-bottom: 13px;
    margin-top: 13px;
    background:  rgba(255,255,255,0.85);
    line-height: 20px; height: 95px; padding-top: 0px; padding-bottom: 0px;
          text-align: center; text-transform: uppercase;
position: relative;
z-index: 200;}
.projects h2 {font-size: 17px;
    font-weight: normal;
    margin-bottom: 0px;
    float: left !important;
    margin-top: 10px;}
.projects h3 {font-size: 12px; font-weight: normal;     float: left;
    width: 100%;
    margin: 0;
    line-height: 16px;}
.project_close {position: relative; padding-top: 45px; float:left; width: 100%;}
.project_close .box {background: none !important; position: absolute; width: 100%; text-align: center; top: 0px; float: left;  z-index: 1; /*background: rgba(255,255,255,0.3);*/ left: 0px !important; height: 30px !important; margin-top: 0px !important;}
.box .span{    text-align: left !important;
    font-size: 20px !important;
    font-weight: bold !important;
padding-left: 0px !important;}
.box.p1 .span{color:  rgba(130, 61, 148, 1) !important; }
.box.p2 .span {color:  rgba(61,64,120,1) !important; }
.box.p3 .span {color:  rgba(231, 217, 61, 1) !important; }
.box.p4 .span {color:  rgba(240,137,61, 1) !important; }

.box.ll .span {font-size: 26px; color:#555555 ;/*rgba(255,255,255,0.8);*/ padding-left: 13px; padding-top: 10px; text-align: left; font-weight: 400;}
.box.rr .span {font-size: 26px; color:#555555;/* rgba(255,255,255,0.8);*/ padding-right: 13px; padding-top: 10px; text-align: right; font-weight: 400;}

.b1 {height: 158px; margin-top: -158px; }
.b2 {height: 316px; margin-top: -316px;}
.b3 {height: 474px; margin-top: -474px;}
.l {left: 0px;}
.r {right: 0px;}
.p1 {background:  rgba(130, 61, 148, 0.7); color: white; text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.9) !important;}
.p2 {background:  rgba(61,64,120,0.86); color: white; text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.9) !important;}
.p3 {background:  rgba(231, 217, 61, 0.9); color: white;  text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.9) !important;}
.p4 {background:  rgba(240,137,61, 0.86); color: white; text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.9) !important;}
.hh1 {background: rgba(130, 61, 148, 0.7); border: none !important; color: white;}
.hh2 {background: rgba(61,64,120,0.86); border: none !important; color: white;}
.hh3 {background: rgba(231, 217, 61, 0.9); border: none !important; color: white;}
.hh4 {background:  rgba(240,137,61, 0.86); border: none !important; color: white;}

.projects .hh1,.projects .hh2, .projects .hh3, .projects .hh4 {background:  none; border: none !important;}
.vid_1,.gal_1 {background: rgba(130, 61, 148, 0.5);}
.vid_2,.gal_2 {background: rgba(61,64,120,0.76);}
.vid_3,.gal_3 {background: rgba(231, 217, 61, 0.76);}
.vid_4,.gal_4 {background: rgba(240,137,61, 0.76);;}

.h1 {border-bottom: solid 1px  rgba(130, 61, 148, 0.5);}
.h2 {border-bottom: solid 1px rgba(61,64,120,0.76);}
.h3 {border-bottom: solid 1px rgba(231, 217, 61, 0.76);}
.h4 {border-bottom: solid 1px rgba(240,137,61, 0.76);;}
.progress {position: absolute; top: 75%; width: 100%; float: left; height: 30px; background: rgba(255,255,255,0.7);}
.progress .in_p {height: 100%; background: white; width: 10px;}

/** PERFORM STOP **/


/* otehr is old style *--/
*/

.about {left: 312px; width: 300px; height: 150px; padding-top: 166px; top: -65px; font-size: 36px; border-width: 5px; letter-spacing: 300;}
.sign_page {margin-left: auto; margin-right: auto; min-height: 120px; width: 1070px; margin-top: 30px;}
.news_home {letter-spacing: 0.3em; left: 528px; top: 196px; width: 360px; height: 360px; text-align: left;}
.news_home span {font-size: 15px; line-height: 17px; letter-spacing: 0.1em;}
.news_home:hover {background: #25aae1; }
.news_home .in {position: absolute; border-radius: 50%; width: 322px; height: 322px; margin-left: 18px; margin-top: 18px; overflow: hidden; background: rgba(0,0,0,0.7);}
.news_home .in2 {position: absolute; border-radius: 50%; width: 322px; height: 322px; margin-left: 18px; margin-top: 18px; overflow: hidden; }
.news_home .in .right_ {font-size: 30px; text-transform: uppercase; padding-left: 8px; float: right; width: 230px; background: rgba(255,255,255,0.82); height: 100%; padding-top: 60px; color: black;}
.right_ a{color: black; text-decoration: none; font-size: 18px;}
.news {width: 100%; float: left;}
.sign {margin-top: 70px; width: 325px; height: 30px; background: url('images/sign2.png') no-repeat; float: right; margin-bottom: 30px; }
.article .in_news {float: left; width: 620px; padding-left: 9px; padding-right: 9px;}
.galery-page h2 {border-bottom: 4px solid #fff200; width: 600px; font-weight: normal; text-transform: uppercase;}
.photo_galery {width: 100%; float: left; text-transform: uppercase; text-align: center;}
.round_photo {width: 175px; height: 175px;  overflow: hidden; border: 4px solid #00aeef; line-height: 160px; font-size: 18px; cursor: pointer;  float: left; margin-left: 120px; border-radius: 50%; color: white !important;}
.round_photo img {width: 150%;}
.round_photo .in_photo {width: 175px; height: 175px; background: rgba(0,174,239,0.6); position: absolute; border-radius: 50%;}
.in_photo_random {width: 100%; height: 100%; display: none;}

.vid_cat .thumb {
	vertical-align: top;
width: 214px;
height: 162px;
float: left;

}
.vid_cat .gal_list {margin-bottom: 2px;}
.vid_cat  .thumbin {
vertical-align: top;
width: 212px;
height: 163px;
float: left;
}

.vid_cat .thumb_gal {
    float: left;
    width: 205px;
    height: 265px;
}
.vid_cat .gal_in {height: 170px !important; width: 214px !important;}
.vid_cat .gal_in .thumb {margin-left: 0px !important; width: 213px; height: 163px;}

.thumb {
	vertical-align: top;
width: 141px;
height: 141px;
float: left;
       
}
.gal_list {margin-bottom: 2px;}
.thumbin {
vertical-align: top;
width: 139px;
height: 140px;
float: left;
}

.thumb_gal {
    float: left;
    width: 140px;
    height: 140px;
}
.gal_in {height: 141px !important; width: 141px !important;}
.gal_in .thumb {margin-left: 0px !important; width: 140px; height: 140px;}


.thumbin:hover .about_gal {opacity:1; display:block;}
.about_gal {width: 100%;
line-height: 35px;
text-align: center;
background: rgba(255,255,255,0.85);
font-size: 12px;
margin-top: 105px;
opacity: 0.6;
display: none;}
.thumb_gal .about_gal {margin-top: 10px; float: left; width: 180px;  text-align: center;}
.thumb_gal .about_gal a {color: white;}
.img_thumb {

	transition: 0.5s ease-in-out;
	box-shadow: 1px 1px 15px rgba(50, 50, 50, 0.55);
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	width: 200px;
	height: 150px;

}
.galery_in .thumb { margin-left: 0px;
margin-right: 0px;}

.img_thumb_in {

	transition: 0.5s ease-in-out;
	box-shadow: 1px 1px 15px rgba(50, 50, 50, 0.55);
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	width: 180px;
	height: 140px;

}

.news h2 {float: left; width: 100%;}
.half {width: 46%; margin-left: 2%; margin-right: 2%; height: 120px; line-height: 120px; font-size: 35px; 
      color: black; float: left; text-align: center; margin-bottom: 20px; /*background: rgba(255,255,255,0.8);*/}

.news_short {
  opacity: 0; 
  height: 0px;  
}

strong {
    font-weight:bold
}

.human .short .s_r a h3 {
    margin-top:7px;
}

.human .short .s_r a h3 strong {
    line-height:30px;
}

a.a_logo {    display: block;
    margin: auto;
    width: 205px;}
.news_container {width: 1100px; margin-left: auto; margin-right: auto; max-width: 97%;}
.menu a {font-size: 13px; float: left; text-transform: uppercase; height: 40px; line-height: 40px; 
        padding-left: 16px; padding-right: 16px; color: white; font-weight: bold !important; /*letter-spacing: -1px;*/}
.menu { margin-left: auto; margin-right: auto; width: 1200px; max-width: 100%;  height: 40px; background: rgba(95,95,95,.75); margin-top: 30px;}
.menu a.projects_1_ {background: rgba(91,0,114,.76);}
.menu a.projects_2_ {background: rgba(0,4,78,.76)}
.menu a.projects_3_ {background: rgba(223,205,0,.76);}
.menu a.projects_4_ {background: rgba(235,100,0,.76);}
.new_sign {position: absolute; bottom: 9%; left: 1%; color: #d3d3d3 !important; font-size: 12px;}
.new_sign a {color: #d3d3d3 !important;}
.in_container {width: 100%; height: 100%;  background: url(images/background_new.png) no-repeat;  background-size: 100% 100%; margin-left: 0px !important;}
a.facebook {    position: absolute;
    right: 20px;
    top: 0px;}
a.facebook img {width: 70px;}
.article a {float: left;
    color: #707070;
    text-align: left;
    font-size: 12px;
    font-weight: 400 !important;
    }
    .article {position: relative;}
    .more_list_news a{font-weight: bold !important; }
    .more_list_news {position: absolute;
    right: 0px;
    bottom: 0px;
    text-transform: uppercase;
    font-weight: bold;}
.article a *{ color: #707070;}
.right_article {    float: left;
    width: calc(100% - 230px);}
.article_photo {float: left; width: 210px; height: 140px; margin-right: 16px;}
.article_photo div{float: left; width: 100%; height: 100%;}
/** RWD start **/
.menu_rwd {display: none;}
.actual {position: absolute; right: 0px;}
.actual .news_short {float: right; width: 500px;     max-height: 100% !important;}
.actual .news_short .title {text-align: right; padding-right: 100px;  font-size: 17px; padding-bottom: 8px; font-weight: bold; color: #454545;
       border-bottom: 2px solid #454545;
float: right; }
.actual span {
    display: block;
    text-transform: none !important;
    margin-top: 20px;
    padding-right: 100px;
    width: 400px;
    float: right;
    text-align: right;
}
.boxes_white {float: left; width: 98%; }
.more_news {margin-top: 20px; font-weight: bold; text-transform: uppercase; color: #454545; /*display: block;*/ text-align: right;}

.proj_content_ {float: left; width: 90%; margin: 20px; text-align: center; }
.slide_img {    position: absolute;
    left: 16%;
    width: 27%;
    margin-top: -30px;
}
.slide_img img {max-width: 100%;}
.list_slider {float: right; margin-right: 10%; width: 100%; height: 30px;}
.list_slider ul {float: right; list-style: none; margin: 0; padding: 0;}
.list_slider ul li{cursor: pointer; float: left;  width: 25px; height: 25px; line-height: 25px; font-size: 15px; color: black; margin: 0; margin-left: 5px; margin-right: 5px; padding: 0; border: 1px solid grey; font-weight: normal; font-size: 15px; list-style: none;}
.list_slider ul li.active,.list_slider ul li:hover{font-weight: bold; float: left;  background: grey; color: white; font-size: 15px; list-style: none;}

.about-proj {float: left; width: 100%; margin-top: 50px; margin-bottom: 20px;}
h1.margin_ {margin-bottom: 20px;}
.about-proj .left_{float: left; margin-left: 1%; margin-right: 1%; width: 48%; min-height: 100px;}
.about-proj .left_ img{float: left; max-width: 100%; width: 100%;}
.about-proj .right_ {float: left;margin-left: 1%; margin-right: 1%; width: 48%;}
.about-proj .right_ h1{width:100%; padding: 0px; margin: 0px; font-size: 17px; line-height: 22px; margin-bottom: 20px;}
.about-proj .right_ h2{width:100%; float: left; font-size: 18px; text-transform: uppercase; font-weight: 400; margin-bottom: 20px;}
.about-proj .right_ div *{font-size: 14px;}
.about-proj .right_ h1 span{ font-size: 13px;}
.about-proj .multimedia-linked{ padding-top: 4px; padding-bottom: 4px; float: left; width: 100%; margin-top: 2px;}
.about-proj .multimedia-linked .photo {float: left; width: 42.5%; min-height: 40px; margin: 0; }
.about-proj .multimedia-linked .video {float: left; width: 42.5%; min-height: 40px; margin: 0;}
.about-proj .multimedia-linked .photo a.button, .about-proj .multimedia-linked .video a.button
{display: block; width: 180px; max-width: 90%; margin-left: auto; margin-right: auto; text-align: center; color: white; text-transform: uppercase; font-weight: 300 !important; line-height: 40px;
 margin-top: 2px; border: 3px solid white; font-size: 20px;}
.about-proj .ico_ {float: left; width: 15%; height: 50px; background: url('images/ico_p.png') no-repeat center center; background-size: contain;}
@media only screen and (min-width: 992px) {
.menu {display: block !important;}
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
.menu a {font-size: 11px; padding-left: 4px; padding-right: 4px;}
.menu .menu_in {
    margin-left: auto;
    margin-right: auto;
    width: 988px;
    height: 40px;}
}
@media only screen and (max-width: 991px){
    .slide_img {display: none;}
    .actual {margin-top: 100px;}
.menu {display: none;}
.article {width: 100%; margin-left: 0px; margin-right: 0px;}
.news .in {padding: 0px !important;}
.article, .news .module {padding: 0px;}
.menu .menu_in {    float: left;
    width: 100%;
    overflow: hidden;}
.in_container {
        width: 100%;
    height: 550px;
    background: url(http://perform.org.pl/template/perform_new/images/background_new.png) no-repeat fixed;
}
.menu {background: rgba(95,95,95,.99);width: 350px; z-index: 100001; position: absolute; max-width: 100%; right: 0px; height: auto; margin-top: 64px;}
.menu a{width: 100%; float: left;
        height: 32px;
        line-height: 32px }
.menu_rwd { position: relative; z-index: 30001; margin-top: 15px; width: 40px; height: 40px; display: block; float: right; margin-right: 20px; cursor: pointer;}
.menu_rwd .bar{width: 100%; height: 17%; margin-top: 17%; float: left; background: rgba(95,95,95,.9);}
}
@media only screen and (max-width: 500px){
    a.facebook {left: 20px; top: 75px; width: 80px;}
    .article {height: auto !important; padding-bottom: 30px; margin-bottom: 30px;}
    .article .article_photo {width: 210px; margin-left: auto; margin-right: auto; float: none !important; margin-bottom: 20px;}
    .article .right_article {width: 100%;}
    .in_photo {float: left; width: 100%; margin: 0; padding: 0; margin-bottom: 30px;}
    .in_photo .s_l .in_sl {max-width: 100%;}
    .in_photo .s_l {max-width: 100%;}
    .human {    float: right;
    border: 1px dotted grey; padding-bottom: 20px;}
    .human .s_l {float: left !important; width: 100% !important;}
    .human .s_r {height: auto !important;     float: left !important;
    text-align: left !important;
    width: 100% !important; text-align: left !important;
    /* padding: 13px; */
    margin-left: 10px !important;}
    .human .more_wydarzenia .span, .human .more .span {float: left !important;}
    .more {float: left !important;}
    iframe {width: 100% !important; margin: 0 !important; margin-bottom: 30px !important;}
    .news .in {padding: 0px;}
    .formgroup {width: 100%;}
    .formgroup .form {width: 100%;}
    .kontakt2 table {height: 250px !important;}
    .kontakt2 table tr:first-child{display: none !important;}
    .kontakt2 table tr td {padding-bottom: 30px; display: block; float: left; width: 100%; text-align: center !important;}
    .kontakt2 table tr td *{text-align: center !important;}
    .formgroup .right {float:left !important;}
    .human .more_wydarzenia {float: left !important;}
    #module_team table td:first-child {display: block; float:left; width: 100%;}
    #module_team table tr {float:left; }
    .projects {height: auto !important;}
    .formgroup input {float: left !important;}
}
@media only screen and (max-width: 700px){
    .actual .news_short {max-width: 90% !important;}
    .actual a{max-width: 80% !important;}
    .actual span {padding-right: 50px; max-width: 75% !important;}
    .actual .news_short .title {padding-right: 50px;}
.rwd_sign {float: left; width: 100%; height: 450px;}
    .complete {display: none !important;}
    .kontakt2 table {display: block; float: left; width: 100%; min-height: 100px;}
.new_sign {    position: relative;
    margin-top: 30px;
    float: left; margin-bottom: 30px; }
.news_container {float: left; width: 98%; margin-left: 1%; }
    #module_team table {width: 100% !important;}
.projects {width: 98% !important;}
.human {width: 90%; margin-left: 5%; margin-right: 5%;}
.human .s_r {padding: 0px !important;}
.human .s_l .in_sl {
    width: 100%;
    height: 100%;
    background-size: contain !important;
}
.wydarzenia_content, .human_content {width: 90%;}
#module_team img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.about-proj .left_ {float: left; width: 96%; margin-left: 2%; margin-right: 2%;}
.about-proj .right_ {float: right; width: 96%; margin-left: 2%; margin-right: 2%; margin-top: 20px;}
}
@media only screen and (max-width: 767px){
    .project-close-photo {width: 48%;}
}
@media only screen and (max-width: 550px){
        .project-close-photo {    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;}
}
/** RWD start **/

.flowplayer {float: left; width: 48% !important; height: 330px; background: black;}
.flowplayer video {width: 100% !important; margin-top: 15px;}
