body { margin: 20px auto; background-color: #000000; font-family: 'Istok Web',sans-serif; color: #ffffff; background-attachment: fixed; }
.bg0 { /*background: url('images/bg0.jpg') repeat-y top; background-size: 100% auto; */ }
.bg_onas { background: url('images/romby1.jpg') repeat-y top; background-size: 100% auto; }
.bg_kontakt { background: url('images/romby3.jpg') repeat-y top; background-size: 100% auto; }
.bg_corobimy { background: url('images/romby4.jpg') repeat-y top; background-size: 100% auto; }
.bganim { width: 100%; height: 100%; position: absolute; top: 0; margin: 0; padding: 0; }
img.full { width: 100%; height: auto; }
.textcenter { text-align: center; }
.textright { text-align: right; }
a { text-decoration: none !important; color: #ffffff; }

/* menu */
nav { display: block; float: right; margin: 15px 0 70px 0; }
nav>a { font-size: 16px; color: rgba(255,255,255,0.3) !important; text-align: right; display: inline-block; padding: 10px 0px 7px 35px; margin-left: 20px; font-weight: 700; }
nav>a:hover { color: #ffffff !important; text-decoration: none; font-weight: 700; }
div.submenu { text-align: right; display: none; padding: 10px; position: absolute; z-index: 1000; background-color: rgba(0,0,0,0.8); }
div.submenu>a { font-size: 16px; color: rgba(255,255,255,0.3); font-weight: 700; display: inline-block; text-decoration: none; padding: 6px 0px 4px 20px; margin: 10px 0 10px 0; }
div.submenu>a.projekty-eventy:hover { color: rgba(0,204,255,1); }
div.submenu>a.koncerty-festiwale:hover { color: rgba(0,51,204,1); }
div.submenu>a.teatr-performance:hover { color: rgba(153,0,255,1); }
div.submenu>a.wystawy-instalacje:hover { color: rgba(255,255,51,1); }
div.submenu>a.live-visuals-vjing:hover { color: rgba(255,51,102,1); }
div.submenu>a.warsztaty-wspolpraca:hover { color: rgba(51,204,102,1); }
div.submenu>a.projekty-eventy:after { background-color: rgba(0,204,255,1); }
div.submenu>a.koncerty-festiwale:after { background-color: rgba(0,51,204,1); }
div.submenu>a.teatr-performance:after { background-color: rgba(153,0,255,1); }
div.submenu>a.wystawy-instalacje:after { background-color: rgba(255,255,51,1); }
div.submenu>a.live-visuals-vjing:after { background-color: rgba(255,51,102,1); }
div.submenu>a.warsztaty-wspolpraca:after { background-color: rgba(51,204,102,1); }

a.overline {
  position: relative;
}
a.overline:before {
  display: block;
  position: absolute;
  right: 0;
  top: -10px;
  width: 100%;
  height: 10px;
  background-color: rgba(255,255,255,0.3);
  content: "";
}
a.overline:after {
  display: block;
  position: absolute;
  right: 0;
  top: -10px;
  width: 0;
  height: 10px;
  background-color: #ffffff;
  content: "";
  transition: width 0.2s;
}
.overline:hover:after {
  width: 100%;
}


/* home */
.home h1 { font-size: 2em; opacity: 0.5; display: inline-block; margin: 5px 10px; }
.home h1.home1 { color: #dbd10e; }
.home h1.home2 { color: #07d7e5; }
.home h1.home3 { color: #db0ad6; }
.home h1.home4 { color: #ed410b; }
.home h1.home5 { color: #ff9000; }
.home h1.home6 { color: #0dfb03; }
.cover { position: absolute; height: 100%; min-height: 100%; overflow: hidden; width: 100%; background: #000; top: 0; }
video#bgvid {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-width:100%;
  z-index: 0;
  background-size: cover;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%); /* IE 9 */
  -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
  object-fit: cover;
}

/* co robimy */
.corobimy h2.cr1 { color: #dbd10e; }
.corobimy h2.cr2 { color: #07d7e5; }
.corobimy h2.cr3 { color: #db0ad6; }
.corobimy h2.cr4 { color: #ed410b; }
.corobimy h2.cr5 { color: #ff9000; }
.corobimy h2.cr6 { color: #0dfb03; }
.corobimy h2 { font-weight: normal; font-size: 1.4em; }
.corobimy p { padding: 0 50px 0 20px; display: none; }
.corobimy div img { width: 95%; height: auto; margin-top: 50px; }
.corobimy div.topper { margin-top: 150px; }

/* kontakt */
.kontakt h1 { font-size: 1.8em; font-weight: normal; }
.kontakt img.smaller { width: 70%; height: auto; }
.kontakt .row { margin-top: 2em; }
.kontakt .box { padding: 20px; background-color: rgba(0,0,0,0.5); margin-top: 20px; }
.kontakt .box h2 { font-size: 1.2em; font-weight: normal; margin-top: 0; }
.kontakt .box label { font-weight: normal; margin-top: 20px; }
.kontakt .box input,.kontakt .box textarea { background-color: rgba(255,255,255,0.7); }
.kontakt .box .wyslij { background-color: black; color: white; padding: 5px 80px; border: #fff 1px solid; margin-top: 20px; }
.kontakt .box .wyslij:hover { background-color:white; color: black; }

/* o nas */
.onas h1 { font-size: 2em; }
.onas h2 { font-size: 1.6em; font-weight: normal; margin-top: 0; }
.onas .row { margin-top: 2em; }
.onas .box { border: #2c837d 2px solid; border-radius: 5px 5px 5px 5px; padding: 30px; background-color: rgba(0,0,0,0.5); margin-top: 20px; }
.onas .box .pobierz { background-color: #36cfa9; color: #000000; padding: 5px 80px; border-radius: 3px 3px 3px 3px; border: none; margin-top: 20px; text-decoration: none; text-align: center; }

/* portfolio */
.projekty .header {  background-color: rgba(0,0,0,0.5); font-size: 16px; padding: 10px 10px 8px 10px; }
.projekty>div { padding: 0 25px 30px 0; }
.projekty>div.clearfix { padding-bottom: 0 !important; }
.projekty .box {  padding: 0 !important; border: rgba(0,0,0,0) 1px solid; }
.projekty .box a img { }
.projekty .box a { text-decoration: none; color: #ffffff; }
.projekty .box a h2 { margin: 10px 0 0 10px; font-weight: normal; font-size: 14px; }
.projekty .box a p { margin: 0 0 6px 10px; font-size: 12px; }
.projekty .box:hover { cursor: pointer; }
.projekty a { color: #ffffff; text-decoration: none; }
.projekty .top { width: 50%; margin: 0 auto; }

.projekty.projekty-eventy .header { border-left: rgba(0,204,255,1) 10px solid; }
.projekty.projekty-eventy .box { border-left: rgba(0,204,255,1) 10px solid; background-color: rgba(0,204,255,0.5); }
.projekty.projekty-eventy .box:hover { background-color: rgba(0,204,255,0.7); }
.projekty.koncerty-festiwale .header { border-left: rgba(0,51,204,1) 10px solid; }
.projekty.koncerty-festiwale .box { border-left: rgba(0,51,204,1) 10px solid; background-color: rgba(0,51,204,0.5); }
.projekty.koncerty-festiwale .box:hover { background-color: rgba(0,51,204,0.9); }
.projekty.teatr-performance .header { border-left: rgba(153,0,255,1) 10px solid; }
.projekty.teatr-performance .box { border-left: rgba(153,0,255,1) 10px solid; background-color: rgba(153,0,255,0.5); }
.projekty.teatr-performance .box:hover { background-color: rgba(153,0,255,0.8); }
.projekty.wystawy-instalacje .header { border-left: rgba(255,255,51,1) 10px solid; }
.projekty.wystawy-instalacje .box { border-left: rgba(255,255,51,1) 10px solid; background-color: rgba(255,255,51,0.5); }
.projekty.wystawy-instalacje .box:hover { background-color: rgba(255,255,51,0.6); }
.projekty.live-visuals-vjing .header { border-left: rgba(255,51,102,1) 10px solid; }
.projekty.live-visuals-vjing .box { border-left: rgba(255,51,102,1) 10px solid; background-color: rgba(255,51,102,0.5); }
.projekty.live-visuals-vjing .box:hover { background-color: rgba(255,51,102,0.7); }
.projekty.warsztaty-wspolpraca .header { border-left: rgba(51,204,102,1) 10px solid; }
.projekty.warsztaty-wspolpraca .box { border-left: rgba(51,204,102,1) 10px solid; background-color: rgba(51,204,102,0.5); }
.projekty.warsztaty-wspolpraca .box:hover { background-color: rgba(51,204,102,0.7); }


.pasek1 { border-top: rgba(0,204,255,1) 10px solid; }
.pasek2 { border-top: rgba(0,51,204,1) 10px solid; }
.pasek3 { border-top: rgba(153,0,255,1) 10px solid; }
.pasek4 { border-top: rgba(255,255,51,1) 10px solid; }
.pasek5 { border-top: rgba(255,51,102,1) 10px solid; }
.pasek6 { border-top: rgba(51,204,102,1) 10px solid; }

/* projekty */
.project { width: 100%; height: 100%; margin: 0; background-color: rgba(0,0,0,1); position: fixed; z-index: 1000; top: 0; }
.project img.big { width: 100%; height: auto; margin: 10px auto; }
.project img.mini { width: 100%; height: auto; }
.project .header h1 { font-size: 26px; margin-bottom: 0; }
.project .header h1.kolor { border: none!important; }
.project .header a.close { opacity: 0.8; width: 75px; height: 75px; display: block; float: right; margin: 0; padding: 20px; position: relative; top: 20px; }
.project .header a.close:hover { opacity: 1; }
.project .desc p { margin: 0; color: #ffffff; }
.project .desc p span { color: #909090; font-size: 0.8em; }
.project .chosen { border-width: 3px !important; }
.project .vimeobut { padding: 3px 8px;  color: #ffffff; font-weight: bold; text-decoration: none; margin-left: 30px; }


h1.projecttitle { font-size: 26px; margin: 0 0 5px 0 !important; border: none !important; font-family: 'Istok Web',sans-serif !important; }
p.projectdesc { margin: 0; color: #ffffff; font-family: 'Istok Web',sans-serif !important; }
p.projectdesc span { color: #909090; font-size: 0.8em; }
.projekty-eventy .kolor,.projekty-eventy.kolor,.projects-events .kolor,.projects-events.kolor { border: #0782a3 1px solid; color: #0782a3; }
.koncerty-festiwale .kolor,.koncerty-festiwale.kolor,.concerts-festivals.kolor,.concerts-festivals .kolor { border: #0a2ca2 1px solid; color: #0a2ca2; }
.teatr-performance .kolor,.teatr-performance.kolor,.theatre-performance.kolor,.theatre-performance .kolor { border: #5611a0 1px solid; color: #5611a0; }
.wystawy-instalacje .kolor,.wystawy-instalacje.kolor,.exhibitions-installations.kolor,.exhibitions-installations .kolor { border: #86a241 1px solid; color: #86a241; }
.live-visuals-vjing .kolor,.live-visuals-vjing.kolor { border: #8a2c55 1px solid; color: #8a2c55; }
.warsztaty-wspolpraca .kolor,.warsztaty-wspolpraca.kolor,.workshops-cooperations.kolor,.workshops-cooperations .kolor { border: #227f57 1px solid; color: #227f57; }
.projekty-eventy .bgkolor { background-color: #0782a3; }
.koncerty-festiwale .bgkolor { background-color: #0a2ca2; }
.teatr-performance .bgkolor { background-color: #5611a0; }
.wystawy-instalacje .bgkolor { background-color: #86a241; }
.live-visuals-vjing .bgkolor { background-color: #8a2c55; }
.warsztaty-wspolpraca .bgkolor { background-color: #227f57; }

/* fancybox additional css */
.fancybox-nav { /*width: 60px;*/ }
.fancybox-nav span { visibility: visible; opacity: 0; }
.fancybox-nav:hover span { opacity: 1; }
.fancybox-title { margin-bottom: 10px; margin-top: 0; margin-right: 36px; }
.fancybox-close { top: -60px; position: absolute; right: 0; opacity: 0.5; }
.fancybox-close:hover { opacity: 1; }
/*.fancybox-nav { width: 60px; }
.fancybox-nav span { visibility: visible; }
.fancybox-next { right: -60px; }
.fancybox-prev { left: -60px; }*/

/* facebook link */
a.facebook { 
  background: red;
  background: -webkit-linear-gradient(left, orange , yellow, green, cyan, blue, violet, red, orange , yellow, green, cyan, blue, violet);
  background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet,red, orange , yellow, green, cyan, blue, violet);
  background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet,red, orange , yellow, green, cyan, blue, violet);
  background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet,red, orange , yellow, green, cyan, blue, violet);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  margin: 1.5em auto 0 auto;
  display: block; 
}
@media (max-width: 576px) { a.facebook { font-size: 1.2em; }}