/* RESET ZEBY PADDINGI NIE ROZWALALY STRONY */

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

/* REZTA */

html, body {
  height: 100%;
}

body {
  font-size:19px;
}

body, a {
  color:#000;
}

body, input, textarea {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

textarea, input { outline: 0; }

input, textarea {
  font-size:14px;
  font-weight: 300;
}

input[type="submit"] {
  font-size:17px;
  font-weight: 600;
  padding: 10px 50px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #bbb;
  /* border-radius: 3px; */
  /* color: #BABA00; */
}

input[type="submit"]:hover {background: rgba(254, 254, 187, 1); /* color:white; */ }

h1, h2, h3, h4, h5, h6 { font-weight:400; font-family: 'Oswald'; }

hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}

::selection {
  background-color: #fefebb;
  text-shadow: none;
}

input[type="text"], textarea {border:0px; background-color: #fefefe; overflow:hidden; width:98%; padding: 1%; margin: 10px 0; }
input[type="text"]:focus , textarea:focus { background-color: #fefebb; }

input[type="text"] {  }
textarea { padding: 1%; }

#top_inside,
#a1 article,
#a2 article,
#a3 article,
#a4 article {
  margin: 0 auto;
  width: 100%;
  max-width:1200px;
  left: 0;
  right: 0;
  padding-left: 25px;
  padding-right: 25px;
}

#top {
  height:100px;
  z-index: 10;
  position:fixed;
  width:100%;
  background-color: white;
  background: rgba(255, 255, 255, 0.9);
  box-shadow:0 1px 6px 0 #aaa;
}
#top:not(.headerOnTop) {
  height: 80px;
}

#top_inside {
  display: flex;
  align-items: center;
  height: 100%;
}

#menu, #logo {
}

.trans05logo {
  transition: 0.5s all ease;
}

#top .logo {
  height:55px;
  width:300px;
  background: url('studiocitrus_logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
}
#top:not(.headerOnTop) .logo {
  /* height:55px; */
  width: 250px;
}

.logoBW {
  background-image: url('studiocitrus_logoBW.png');
  opacity: 0.1;
}

#menu {
  font-weight: 300;
  font-family:'Oswald', sans-serif;
  margin-right: auto;
  text-align: center;
  height: 100%;
}
@media (min-width: 1200px) {
  #menu {
    margin-left: 50px;
  }
}
#menu > ul {
  display: flex;
  height: 100%;
}
#menu >ul > li > a {
  color: #777;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 30px;
  border-top:7px solid transparent;
  display: flex;
  align-items: center;
}
#menu >ul > li > a > span {
  margin-top: -12px;
}
#menu >ul > li > a:hover {
  color: #000;
  border-color:#D9D900;
}

#kontakt {
  font-size:18px;
  text-align:right;
  font-weight:400;
  line-height:110%;
  margin-top:4px;
}
#kontakt .mail { font-size:82%; color: #777;}

/*
#a1, #a2, #a3, #a4
*/
.section_page {
  min-height:100%;
  position:relative;
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section_page article {
  padding:110px 20px;
  text-align: center;
}
.section_page a { color: inherit; }
.section_page.inverted-color {
  color: #FFFFFF;
}

#a1 {  background-image: url('pic3.jpg');   } /* home */
#a2 {  background-image: url('as56faf5asdf8sdaf8.jpg');  background-attachment:fixed; } /* oferta */
#a3 {  background-color: #FFFFFF; } /* zyskujesz */
#a4 {  background-image: url('4172154ad1bbe5cc6ed6360c6ce12c7f.jpg'); } /* dzialamy */
#a5 {  background-image: url('f0bf7f495f936668d079228caf7a093c.jpg');  background-attachment:fixed; } /* portfolio */
#a6 {  background-image: url('f655d5a410646df745c28c49ce1771b6.jpg'); } /* kontakt */
/* kolor do nie zwlekaj - background-color: #f7db15; */

.section_page.diagonal::before {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  box-shadow: inset 0px 45px 45px -45px #000000;
}
.section_page.diagonal > * {
  z-index: 1;
}

.diagonal1::before { background-image: url('diagonal.png'); }
.diagonal2::before { background-image: url('diagonal2.png'); }
.diagonal3::before { background-image: url('diagonal3.png'); }

#a1 article {
  margin-top: auto;
  margin-bottom: auto;
}
#a1 .url_inside {
  display: none;
}

.a1_logo {
  font-family: 'Oswald';
  height:140px;
  width:100%;
  margin: 25px auto;
  background: url('studiocitrus_logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.slogan {
  font-size: 250%;
}

sup {
  vertical-align: super;
  font-size: smaller;
}
.oferta p {  font-size: 150%; }
.oferta h1 {  font-size: 300%; }
.oferta h2 { font-size: 280%; font-family: 'Open Sans', sans-serif;  }
.oferta h3 { font-size: 350%; }

.advantage {
  text-align: left;
  background-repeat: no-repeat;
  background-position: 10px center;
  padding: 50px 25px 80px 325px;
  border-bottom: 1px solid #999999;
}

.advantage:nth-child(2n) {
  background-position: right 10px center;
  padding-left: 25px;
  padding-right: 355px;
  border-bottom: 1px solid #999999;
}

.advantage:nth-last-child(1) {
  border: 0;
}

.advantage .title {
  margin-bottom: 15px;
  font-size: 220%;
}

#adv1 { background-image: url('advantage1.png'); }
#adv2 { background-image: url('advantage2.png'); }
#adv3 { background-image: url('advantage3.png'); }
#adv4 { background-image: url('advantage4.png'); }
#adv5 { background-image: url('advantage5.png'); }
#adv6 { background-image: url('advantage6.png'); }
#adv7 { background-image: url('advantage7.png'); }
#adv8 { background-image: url('advantage8.png'); }
#adv9 { background-image: url('advantage9.png'); }
#adv10 { background-image: url('advantage10.png'); }
#adv11 { background-image: url('advantage11.png'); }


.kontakt { color: #FFFFFF; }
.kontakt h1 { font-size: 500%; }

.url_inside {
  font-size: 220%;
  color: #FFFFFF;
  display: block;
  width: 100%;
  text-transform: uppercase;
  background: url('url_inside.png') no-repeat center bottom;
  background-size: 60px;
  text-align: center;
  padding-bottom: 90px;
  margin-bottom: 60px;
  margin-top: 20px;
  font-family: 'Oswald';
}
.url_inside.inverted {
  background-image: url('url_insideB.png');
}

.back-to-top {
  background: url('back-to-top-icon.png') no-repeat center/40%;
  background-color: rgba(125, 125, 125, 0.5);
  display: none;
  position: fixed;
  right: 20px;
  bottom:20px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  color:#fff;
  text-align: center;
  font-weight:100;
  font-size: 25px;
  padding-top: 6px;
  font-family: monospace;
}
.back-to-top:hover { background-color: #333; }

.shadow_classic { -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px 0px;  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px 0px;  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px 0px; }
.transition_classic { -moz-transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -o-transition: 0.2s all ease; transition: 0.2s all ease; text-transform: uppercase; }