@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,300,300italic,400italic);

/*
STUDIO EM WEBMASTER
*/

body { font-family: 'Lato', sans-serif; overflow-x: hidden; -webkit-font-smoothing: antialiased;  background: #f9f9f9;}
/*body  { background: #f9f9f9; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; overflow-x: hidden; }   */

/*  VIDEO   */
#background-land { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; }
#video {color:#FFF; }
#video h2 { font-size: 46px; font-weight: 600; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.56); }

/*   END   VIDEO   */
    
hr { border: 1px solid #003300; width: 90%; margin-top: 20px; }

h1 { font-family: 'Lato', sans-serif; font-weight: 300;  font-size: 400%; text-shadow: 0px 1px 1px #666; }
h2 { font-family: 'Lato', sans-serif; font-weight: 300;  font-size: 240%;  -webkit-font-smoothing: antialiased; }
h3 { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 180%;  -webkit-font-smoothing: antialiased;}
h4 { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 130%;  -webkit-font-smoothing: antialiased; line-height:120%;  }
h5 { font-family: 'Lato', sans-serif; font-size: 110%;   }

.lead {font-weight:400; }
.wciecie { padding-left: 60px; }

.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-image: url(../res/overaly.png); opacity: 0.9; z-index: 99999;  } 
.overlay-czarny { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 99999; } 
.overlay-bialy { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); z-index: 99999;} 

.szary {background-color:#F4F4F4; }

/* PREOLADER  */

.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;
    }
.loader{
    width: 170px;
    height: 170px;
    margin: 40px auto;
}
.loader p{
    font-size: 18px;
    color: #777;
}
.loader .loader-inner{
    display: inline-block;
    width: 20px;
    border-radius: 15px;
    background: #74d2ba;
}
.loader .loader-inner:nth-last-child(1){
    -webkit-animation: loading 1.5s 1s infinite;
    animation: loading 1.5s 1s infinite;
}
.loader .loader-inner:nth-last-child(2){
    -webkit-animation: loading 1.5s .5s infinite;
    animation: loading 1.5s .5s infinite;
}
.loader .loader-inner:nth-last-child(3){
    -webkit-animation: loading 1.5s 0s infinite;
    animation: loading 1.5s 0s infinite;
}
@-webkit-keyframes loading{
    0%{
        height: 15px;
    }
    50%{
        height: 45px;
    }
    100%{
        height: 15px;
    }
}
@keyframes loading{
    0%{
        height: 15px;
    }
    50%{
        height: 45px;
    }
    100%{
        height: 15px;
    }
}
/* end preloader */




/*klasa skryptu php dla prezentacji albumu zdjec*/

.foto { margin: 2px; padding: 2px; border: solid 1px #c0c0c0 }
.foto2 { margin: 15px; padding: 2px; border: solid 1px #c0c0c0 }

.foto { color: #000;  text-align:center; padding: 8px; margin: 8px;  /* max-height: 150px; */  border:none;}
.foto img { display: inline;  margin: 5px;  -webkit-transition: all 1s ease-out; transition: all 1s ease-out; border:solid 1px;
  border-color: #666; }
.foto a:hover img, a:focus img { filter: alpha(opacity=25); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; 
/*-webkit-transform: scale(1.1);   transform: scale(1.1);*/ border-color: #556749; background-color:  #556749; }
.foto h3 {color: #333; }
.foto h4 {color: #333; }

.img-responsive {margin: 0 auto;}
.responsive-video {max-width: 100%; height: auto; }

/*  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 */

/* 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: #4bc54b; font-weight: bold; font-size: 18px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.56); }
.custom-navbar .nav li a  { color: #4bc54b; 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: 20px 0; border-bottom: 0; background: 0 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:  #000;  }
}
/* end navigation */


#jeden { padding-top: 80px; padding-bottom: 80px; background-color:#FFF; opacity: 0.9;}
#jeden h2 { color: #333; }
#jeden h4 { text-align: center; }



.danielzero { text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.56); font-size: 500%; }

#danieljeden { padding-top: 80px; padding-bottom: 80px; background-color:#FFF;}
#danieljeden h2 { color: #000; font-size: 350% }
#danieljeden h4 { text-align: center; }
#danieljeden p { font-size:20px; font-weight: 300; color: #000;    }

#danieldwa { background: url('http://www.studioem.eu/res/daniel001.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; padding-top: 0px; padding-bottom: 0px; color:#FFF; }
#danieldwa h2 { color: #FFF; font-size: 350% }
#danieldwa p { font-size:20px; font-weight: 300;    }

#danieloferta {  padding-top: 80px; padding-bottom: 80px; background-color:#FFF; }
#danieloferta h2 { color: #FFF; font-size: 300%; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.56); }
#danieloferta p { font-size:20px; font-weight: 300;    }

#danieldom { background: url('http://www.studioem.eu/res/dom.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; padding-top: 0px; padding-bottom: 0px; color:#FFF; }
#danieldom h2 { color: #FFF; font-size: 350% }
#danieldom p { font-size:20px; font-weight: 300;    }



/* start home */        
#home h1 {line-height: 1em; letter-spacing: 2px; padding-top: 10px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.56);  }
#home h3 { line-height: 1em; letter-spacing: 2px; padding-top: 10px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.56);  }
#home span  { color: #FFFF00;  }
#home .btn { background: rgba(0,0,0,0.6); border: none; }
#home .btn:hover { background: rgba(255,255,255,0.6); }

.templatemo_homewrapper { padding-left: 15px; padding-right: 15px; }
.flexslider { margin: 0 0 60px; background: #fff; padding: 0; position: relative; zoom: 1; background-color: #371604; overflow: hidden; margin: 0; text-align: center; }
.flexslider .slides { padding: 0; zoom: 1; }
.flexslider .slides img { width: 100%; min-width: 648px; min-height: 470px; display: block; }
.flexslider .slides > li { display: none;  padding: 0; position: relative; -webkit-backface-visibility: hidden; }
.flexslider img { position: relative; width: 100%; }

.slider-caption { color:white; margin: 0; position: absolute; top: 0; left: 0; text-transform: uppercase; z-index: 7; width: 100%; height: 100%; 
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
/* end home */


/* start footer */
footer { background: #202020; color: #ffffff; padding-top: 60px; padding-bottom: 60px; text-align: center; }
footer p  { display: block; padding-top: 40px; }
footer span  { color: #55acee; font-weight: bold; }
/* end footer */

/* start social icon */
.social-icon  { display: block; position: relative; padding: 0; margin: 0; top: 20px; }
.social-icon li  {  display: inline-block; list-style: none; transition: all 0.4s ease-in-out; width: 40px; height: 40px; }
.social-icon li a  { color: #fff; font-size: 30px; text-decoration: none; line-height: 40px; text-align: center; }
.social-icon li:hover  { background: #55acee; }
/* end social icon */

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


/* start media 768 */
@media screen and ( max-width: 767px ){
    h4 { padding-bottom: 20px; }
   #home h1 {font-size: 200%;}
    #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; }
    .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 */