/*@import url(https://fonts.googleapis.com/css?family=Marcellus+SC);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,700,400italic,700italic); */
@import url(https://fonts.googleapis.com/css?family=Marcellus+SC);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i&subset=latin-ext);
/*
STUDIO EM WEBMASTER
*/

body { font-family: 'Roboto Condensed', 'Lato', 'Marcellus', sans-serif; overflow-x: hidden; -webkit-font-smoothing: antialiased; color:#000}

a {color:#036; }
a:hover {color:#F00;  text-decoration:none;}
.lead {font-weight: 400; }
p {text-align:justify; }
.wciecie{ padding-left:60px; }
hr { border: 1px solid #333; width: 100%; margin-top: 20px; }
#szary {background-color:#F0F0F0; }

.czerwony {color:#F00; }
/* .img-responsive {margin: 0 auto;} */
.responsive-video {max-width: 100%; height: auto; }
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}

@media(min-width:768px){
.dwiekolumny {
/* width:650px; 
border-left: solid 5px #333;*/
padding-left: 20px;
padding-right: 20px;
text-align:justify;
margin: 10px 0px 10px 10px;

-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2; 

-webkit-column-gap: 60px; /* Chrome, Safari, Opera */
-moz-column-gap: 60px; /* Firefox */
column-gap: 60px;
    
-webkit-column-rule: 1px solid gray; /* Chrome, Safari, Opera */
-moz-column-rule: 1px solid gray; /* Firefox */
column-rule: 1px solid gray;

}
}


/*  ALFA OBRAZEK HOVER ROZJASNIENIE */
.alfa img { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;   } 
.alfa img:hover { 	filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } 
/*  KONIEC - ALFA OBRAZEK HOVER ROZJASNIENIE */

.fa {margin-right:10px; }

h1 { font-family: 'Lato', sans-serif; font-weight: 300; text-transform: uppercase; font-size: 500%; text-shadow: 0px 0px 1px #666; }
h2 { font-family: 'Lato', sans-serif; font-weight: 300; text-transform: uppercase; font-size: 280%;  }
h3 { font-family: 'Lato', sans-serif; font-weight: 300; text-transform: uppercase; font-size: 200%; }
h4 { font-family: 'Lato', sans-serif; font-size: 150%;  }
h5 { font-family: 'Lato', sans-serif; font-size: 120%;   }

.btn { background: transparent; border-radius: 4px; color: #ffffff; margin-top: 40px; padding: 12px 22px; transition: all 0.4s ease-in-out; }
.btn:hover { background: #55acee; border-color: transparent; }


.overlay { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 99999; } 
.overlay3 { width: 100%; height: 100%; background:rgba(0, 51, 102, 0.7); z-index: 99999; } 
.overlay2 { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); z-index: 99999; } 

/* start preloader */
.preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; display: -webkit-flex; display: -ms-flexbox; display: flex; 
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: none repeat scroll 0 0 #fff;
}
.sk-spinner-rotating-plane.sk-spinner  { width: 30px; height: 30px; background-color: #55acee;         
 -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotatePlane {
  0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/* end preloader */



/* start navigation */
.custom-navbar  { margin-bottom: 0; background-color: #fff; /*opacity: 0.9; filter: alpha(opacity=90); */ text-align: right; }
.custom-navbar .navbar-brand  { color: #0F1E2D; font-weight: bold; font-size: 24px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.56); }
.custom-navbar .nav li a { color: #0F1E2D; font-weight: 400; font-size: 18px; text-transform: uppercase; /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.56); */ }
.custom-navbar .nav li a:hover { background: transparent; color: #F00; }
.custom-navbar .nav li.active > a { background-color: transparent; color:  #F00; }
.custom-navbar .navbar-toggle { border: none; padding-top: 10px; }
.custom-navbar .navbar-toggle .icon-bar { background: #55acee; border-color: transparent; }

@media(min-width:768px){
.custom-navbar { padding: 10px 0; border-bottom: 0; /*  background: 0 0;    PRZEZROCZYSTE MENU NA STARCIE  */ background: 1 0; transition: all 0.3s ease; }
.custom-navbar.top-nav-collapse { padding: 0; box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08); background: #fff; }
}
/* end navigation */


#baner { background:url(http://www.eds-fundacja.pl/projekty/kompetentni/res/baner.jpg) no-repeat center;  background-repeat: no-repeat; background-attachment: fixed; color: #ffffff;  padding-bottom: 0px; min-height:350px; }
@media(min-width:768px){
#baner h2  {font-size: 380%; text-align:center; font-weight:400; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.56); padding-top: 200px; padding-bottom: 200px; }
}
@media screen and (max-width: 440px) {
#baner h2  { font-size: 200%; text-align:center; font-weight:400; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.56); padding-top: 200px; padding-bottom: 200px; }
}

#nieprzygotowani { background-color:#7186A3; }
#dzialania { background-color:#F3F3F3; }

#stopa { background-color:#003366; color:#FFF; }
#stopa a { color:#FFF; }
#stopa a:hover { color: #FF0; }

/*............................................................................................................................*/
.to-top { text-align:center; }
#scroll-to-top { display:none; position:fixed; bottom:100px; right:20px; opacity:1; }
#scroll-to-top:hover {opacity:0.8; }
.to-top2 { text-align:center; }
#scroll-to-top2 { display: block; position:fixed; bottom:40px; right:20px; opacity:1; }
#scroll-to-top2:hover {opacity:0.8; }

/*............................................................................................................................*/


#polecamy { background:urlhttp://www.eds-fundacja.pl/projekty/kompetentni/res/tlo-beton2pl.jpg) no-repeat center;  background-repeat: no-repeat; background-attachment: fixed; padding-bottom: 0px; color: #ffffff;  }
#polecamy a {color: #9FF; }
#polecamy a:hover {color: #FF0; }



/* start media 980 */
@media screen and ( max-width: 980px ){
    #home h1 { font-size: 40px; }
    h2  { font-size: 30px; }
    h1 { font-size: 40px; }
}
/* end media 980 */

/* start media 768 */
@media screen and ( max-width: 767px ){
    h4 { padding-bottom: 20px; }
   #home h1 { font-size: 40px; }
   h1 { font-size: 40px; }
    #home { margin-top: 50px; }
    .templatemo-about-left { margin-bottom: 30px; }
    #about .about-wrapper { margin-left: auto; margin-right: auto; }
}
/* end media 768 */

@media screen and (max-width: 440px) {
    h4 {  padding-bottom: 15px;  line-height: 1.5em; }
    h1 { font-size: 40px; }
    .filter-wrapper li { margin: 2px; }
    .filter-wrapper li a { padding: 6px 10px; }
}

@media screen and (max-width: 380px) {
    #service .media .fa { margin-right: 5px; }
}

/* start media 360 */
@media screen and ( max-width: 360px ){
    #home h1 { font-size: 30px; line-height: 1.5em; }
}
/* end media 360 */