html,
body {
   margin: 0;
   padding: 0;
}

body {
   font-family: 'Roboto', sans-serif;
   color: #ffffff;
   font-weight: 300;
   background: #2c1b37;
}

div,
p,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
img,
form,
input,
ol,
ol li {
   margin: 0px;
   padding: 0px;
}

img,
input,
textarea {
   border: 0px;
}

textarea,
input,
select {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 400;
}


a {
   text-decoration: none;
   color: #5b2851;
}

.c {
   clear: both;
}

ul,
ul li {
   list-style: none;
}

table {
   border-spacing: 0;
   border-collapse: collapse;
}

td {
   padding: 0;
}

#facebook {
   height: 30px;
   text-align: center;
   background: #E9EBEE;
   color: #666;
   font-weight: 700;
   font-size: 12px;
}

#facebook span {
   display: inline-block;
   vertical-align: top;
   margin: 8px 10px 0 0;
   text-transform: uppercase;
}

.facebook1 {
   display: inline-block;
   margin-top: 5px;
}

#facebook_zamknij {
   position: absolute;
   top: 5px;
   right: 10px;
   font-size: 12px;
   font-weight: bold;
   color: #ffffff;
   float: left;
   background: #4267b2;
   text-align: center;
   height: 16px;
   width: 15px;
   line-height: 16px;
   padding-right: 2px;
   vertical-align: middle;
   font-family: Arial Black;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 3px 0 rgba(0, 0, 0, 0.12);
}

#side_menu {
   background: url(/images/side_menu.png);
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 999;
}

#plec {
   min-height: 100px;
   background: #6A2958;
   text-align: center;
}

#plec p {
   font-size: 30px;
   font-weight: 400;
   padding: 10px 0;
   text-transform: uppercase;
}

#plec input {
   margin: 0 5px;
}

#plec label {
   margin-right: 5px;
   font-weight: 400;
}

#dalej {
   display: inline-block;
   padding: 10px 20px;
   background: #B67DA7;
   font-size: 16px;
   font-weight: 400;
   margin: 15px 0;
   color: #ffffff;
   text-shadow: 1px 1px 1px #000000;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
}

#dalej:hover {
   background: #D995C7;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#header {
   position: relative;
   width: 70%;
   min-height: 70px;
   margin: 0 auto 0px auto;
}

#logo {
   margin: 9px 0 0 10px;
   font-size: 38px;
   font-weight: 400;
   color: #ffffff;
   display: inline-block;
}

#logo b {
   font-weight: 400;
   vertical-align: middle;
}

#logo b span {
   font-weight: 300;
}

#logo img {
   vertical-align: middle;
   margin-right: 5px;
   width: 50px;
   height: auto;
}

#menu {
   position: absolute;
   top: 0;
   right: 10px;
   display: block;
   z-index: 1000;
}

#menu li {
   display: list-item;
   text-align: -webkit-match-parent;
   float: left;
   line-height: 70px;
   transition: box-shadow .35s;
   z-index: 1000;
}

#menu li:hover {
   background: #91439A;
   transition: background-color .4s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#menu li a {
   vertical-align: middle;
   color: #ffffff;
   font-size: 16px;
   font-weight: 400;
   display: block;
   padding: 0 15px;
   cursor: pointer;
}

#menu_rozwijane,
#menu_min,
.top1a {
   display: none;
}

.menu_min1 {
   position: absolute;
   top: 25px;
   right: 4%;
}

.menu_min1_portal {
   top: 15px !important;
   right: 3% !important;
   left: auto !important;
}

.side-nav {
   position: fixed;
   width: 200px;
   right: 0;
   top: 0;
   margin: 0;
   height: 100%;
   height: calc(100% + 60px);
   height: -moz-calc(100%);
   padding-bottom: 60px;
   background-color: #ffffff;
   overflow-y: auto;
   will-change: left;
   z-index: 1000;
}

.side-nav li a {
   width: 85%;
   color: #2c1b37;
   font-size: 18px;
   float: left;
   padding: 20px 0 21px 15%;
   text-align: left;
   font-weight: 400;
}

.side-nav li a:hover {
   background: #A666D0;
   transition: background-color .4s;
}

#top {
   position: relative;
   width: 100%;
   height: 450px;
   text-align: center;
   overflow: hidden;
   background: url("/images/b1_1920.jpg") no-repeat 50% 0;
   background-size: cover;
   z-index: 100;
}

#top h1 {
   font-size: 92px;
   height: 195px;
   line-height: 50px;
   color: #fff;
   margin: 110px 0 0;
   text-shadow: 1px 1px 5px #000;
   font-weight: 400;
}

#top h1 b {
   font-size: 55px;
   color: #fff;
   margin: 10px 0 10px;
   font-weight: 400;
}

.rslides {
   position: relative;
   list-style: none;
   width: 100%;
   padding: 0;
   margin: 0;
}

.rslides li {
   -webkit-backface-visibility: hidden;
   position: absolute;
   display: none;
   width: 100%;
   left: 0;
   top: 0;
}

.przycisk_sg {
   margin: 0 5px;
   font-size: 22px;
   font-weight: 400;
   color: #ffffff;
   display: inline-block;
   padding: 12px 20px 10px;
   background: #49224e;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #000000;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.21), 0 4px 15px 0 rgba(0, 0, 0, 0.18);
   transition: box-shadow .35s;
}

.przycisk_sg:hover {
   background: #91439A;
   transition: background-color .3s;
   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#container {
   min-height: 200px;
   background: #49224E;
   padding-bottom: 50px;
   float: left;
   width: 100%;
}

#content {
   position: relative;
   width: 70%;
   margin: 0 auto 0px auto;
}

#komunikat {
   text-align: center;
   /*min-height:30px;*/
   padding: 15px 0;
   background: #BC2508;
}

#komunikat h3 {
   font-weight: 400;
   text-shadow: 1px 1px 1px #551218;
}

#komunikat_pragnienie_dodane {
   text-align: center;
   display: none;
   position: absolute;
   width: 100%;
}

#rejestracja h2 {
   font-size: 32px;
   font-weight: 400;
   margin: 30px 0 20px;
   float: left;
   width: 100%;
   text-align: center;
}

#rejestracja p {
   font-size: 16px;
   font-weight: 400;
   padding: 10px 0 5px 2%;
   margin-top: 15px;
}

#rejestracja h3 {
   font-size: 28px;
   font-weight: 400;
   padding: 10px 0 15px 2%;
}

#rejestracja label {
   font-size: 16px;
   line-height: 14px;
   font-weight: 400;
   margin: 0 20px 0 5px;
   vertical-align: middle;
}

.styled {
   line-height: 14px;
   vertical-align: middle;
   margin-left: 5px;
}

#rejestracja1 {
   width: 50%;
   float: left;
   padding-left: 25%;
}

#rejestracja1 span {
   font-size: 14px;
}

#zarejestruj {
   width: 46%;
   padding: 20px 0;
   background: #91439A;
   text-align: center;
   font-size: 16px;
   text-transform: uppercase;
   color: #ffffff;
   font-weight: 700;
   display: inline-block;
   margin: 35px 0 0 27%;
   text-shadow: 1px 1px 1px #000000;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
}

#zarejestruj:hover {
   background: #9D49B2;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.zarejestruj {
   width: 90%;
   padding: 20px 0;
   background: #92539A;
   text-align: center;
   font-size: 16px;
   text-transform: uppercase;
   color: #ffffff;
   font-weight: 700;
   display: inline-block;
   margin: 35px 0 0 5%;
   text-shadow: 1px 1px 1px #000000;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
}

.zarejestruj:hover {
   background: #DB7CE6;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#zarejestruj1 {
   width: 46%;
   padding: 20px 0;
   background: #9b909c;
   text-align: center;
   font-size: 16px;
   text-transform: uppercase;
   color: #cdcbcd;
   font-weight: 700;
   display: inline-block;
   margin: 35px 0 0 27%;
   text-shadow: 1px 1px 1px #000000;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
}

.half {
   float: left;
   width: 50%;
}

.in1 {
   width: 96%;
   padding: 15px 2% 17px;
   font-size: 16px;
   font-weight: 400;
   color: #201E44;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.in2 {
   margin: 0 0.5% 0 2%;
   vertical-align: middle;
   line-height: 14px;
}

#rejestracja1 h4 {
   font-size: 14px;
   font-weight: 400;
   padding: 12px 0 24px 1%;
}

#rejestracja1 h4 a,
#rejestracja1 span a {
   color: #CD9CD4;
}

#rejestracja1 h4 a:hover,
#rejestracja1 span a:hover {
   text-decoration: underline;
}

#content1 {
   height: 450px;
   overflow: hidden;
   position: relative;
   background: url(/images/b2_1920.jpg) no-repeat 50% 0;
   background-size: cover;
   float: left;
   width: 100%;
}

#przerwa_techniczna {
   padding: 20px 0 20px 40%;
}

#przerwa_techniczna h1 {
   font-size: 32px;
   font-weight: 400;
   padding-bottom: 15px;
}

#przerwa_techniczna p {
   font-size: 16px;
   font-weight: 400;
   padding-bottom: 10px;
}

#content li {
   padding-left: 8px;
   font-size: 16px;
   padding-bottom: 5px;
   background: url(/images/li.png) no-repeat 0 8px;
}

.avatary_do_wyboru1 {
   text-align: center;
   width: 100%;
   float: left;
}

.avatary_do_wyboru input {
   margin: 0;
   padding: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   display: none;
}

.avatary_do_wyboru input:active+.wybrany_avatar {}

.avatary_do_wyboru input:checked+.wybrany_avatar {
   border: 5px solid #db7ce6;
}

.wybrany_avatar {
   cursor: pointer;
   background-size: contain;
   background-repeat: no-repeat;
   display: inline-block;
   width: 150px;
   height: 150px;
   -webkit-transition: all 200ms ease-in;
   -moz-transition: all 200ms ease-in;
   transition: all 200ms ease-in;
   margin: 0 5px 10px 5px;
   border: 5px solid #49224e;
}

.wybrany_avatar:hover {
   border: 5px solid #db7ce6;
}

#header1 {
   position: fixed;
   width: 1300px;
   min-height: 47px;
   margin: 0 auto 0 auto;
   z-index: 10000;
   background: #2c1b37;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#logo1 {
   margin: 8px 0 0 10px;
   display: inline-block;
   font-size: 24px;
   font-weight: 400;
   color: #ffffff;
}

#logo1 img {
   vertical-align: middle;
   margin-right: 5px;
   width: 32px;
   height: auto;
}

#logo1 b {
   font-weight: 400;
   vertical-align: middle;
}

#logo1 b span {
   font-weight: 300;
}

#header1a {
   float: right;
   text-align: right;
   min-height: 47px;
   line-height: 47px;
}

.menu_nag {
   font-size: 14px;
   color: #ffffff;
   font-weight: 400;
   padding: 0 10px;
   margin: 0 10px;
   display: inline-block;
}

.menu_nag:hover {
   background: #A666D0;
   transition: background-color .3s;
}

.menu_nag small {
   display: inline-block;
   padding: 2px 4px 1px;
   background: #BC2508;
   font-weight: bold;
   margin-left: 6px;
   line-height: 14px !important;
}

.powiadomienia_on {
   margin: 0 10px;
}

.powiadomienia_on a {
   background: #A666D0;
   margin-left: 0 !important;
   margin-right: 0 !important;
   font-weight: bold;
}

.powiadomienia_box {
   position: relative;
   display: inline-block;
   cursor: pointer;
}

.powiadomienia_box1 {
   position: absolute;
   top: 51x;
   right: 10px;
   width: 300px;
   min-height: 50px;
   background: #a666d0;
   padding-top: 5px;
   display: none;
   box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.21), 0 4px 8px 0 rgba(0, 0, 0, 0.18);
}

.powiadomienia_box1a {
   text-align: left;
   float: left;
   width: 98%;
   font-size: 12px;
   line-height: 12px;
   margin-bottom: 5px;
   padding: 5px 1%;
   position: relative;
}

.powiadomienia_nieprzeczytane {
   background: #8b49b6 !important;
}

.powiadomienia_box1a img {
   display: inline-block;
   vertical-align: middle;
   margin-right: 5px;
}

.powiadomienia_min_p {
   display: inline-block;
   vertical-align: middle;
   margin-right: 5px;
   width: 30px;
   height: 30px;
   line-height: 30px;
   background: #812B3D;
   text-align: center;
   color: #ffffff;
   font-weight: bold;
   font-size: 20px;
}

.powiadomienia_min_z {
   display: inline-block;
   vertical-align: middle;
   margin-right: 5px;
   width: 30px;
   height: 30px;
   line-height: 30px;
   background: #27959F;
   text-align: center;
   color: #ffffff;
   font-weight: bold;
   font-size: 20px;
}

.powiadomienia_box1a p {
   display: inline-block;
   vertical-align: middle;
   width: 85%;
   padding: 2px 0;
}

.powiadomienia_box1a p a {
   color: #ffffff;
   font-weight: bold;
   background: none !important;
}

.powiadomienia_box1a p span {
   color: #fcd6de;
   font-size: 10px;
}

.powiadomienia_przycisk {
   width: 100%;
   float: left;
   height: 25px;
   line-height: 25px;
   font-size: 10px !important;
   font-weight: bold;
   color: #ffffff;
   text-align: center;
   text-transform: uppercase;
   margin-top: 5px !important;
}

.powiadomienia_ikonka {
   position: absolute;
   top: 50%;
   margin-top: -6px;
   right: 5px;
}

.podskakuj {
   -webkit-animation: jump 1.5s ease 0s infinite normal;
   animation: jump 1.5s ease 0s infinite normal;
}

@-webkit-keyframes jump {
   0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   20% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   40% {
      -webkit-transform: translateY(-7px);
      transform: translateY(-7px);
   }
   50% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   60% {
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
   }
   80% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
   100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
}

@keyframes jump {
   0% {
      transform: translateY(0);
   }
   20% {
      transform: translateY(0);
   }
   40% {
      transform: translateY(-7px);
   }
   50% {
      transform: translateY(0);
   }
   60% {
      transform: translateY(-3px);
   }
   80% {
      transform: translateY(0);
   }
   100% {
      transform: translateY(0);
   }
}

#ilosc_powiadomien,
#ilosc_wiadomosci {
   display: none;
}

.aktywne {
   border-bottom: 4px solid #A666D0 !important;
   font-weight: bold !important;
   cursor: pointer;
}

.aktywne2 {
   border-bottom: 4px solid #2C1B37 !important;
   font-weight: normal !important;
}

.nieaktywne {
   color: grey;
   cursor: default;
}

.nieaktywne:hover {
   background: #2C1B37;
}

.nieaktywne img {
   opacity: 0.3;
   filter: alpha(opacity=30);
   /* For IE8 and earlier */
}

#wyloguj {
   width: 90px;
   height: 47px;
   line-height: 49px;
   vertical-align: middle;
   background: #92539A;
   text-align: center;
   font-size: 12px;
   text-transform: uppercase;
   color: #ffffff;
   font-weight: 700;
   display: inline-block;
   vertical-align: middle;
   text-shadow: 1px 1px 1px #000000;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
   margin-left: 10px;
}

#wyloguj:hover {
   background: #DB7CE6;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#male_my {
   position: absolute;
   top: 0;
   left: 50%;
   width: 170px;
   margin-left: -370px;
}

#przycisk_dodaj {
   width: 70px;
   height: 30px;
   line-height: 30px;
   vertical-align: middle;
   background: #BC2508;
   text-align: center;
   font-size: 10px;
   text-transform: uppercase;
   color: #ffffff;
   font-weight: 700;
   display: inline-block;
   vertical-align: middle;
   text-shadow: 1px 1px 1px #000000;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
   cursor: pointer;
}

#przycisk_dodaj:hover {
   background: #c3052e;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#container1 {
   background: #49224E;
   width: 1300px;
   margin: 0 auto 0 auto;
}

#portal {
   margin: 0 auto 0 auto;
   width: 100%;
   position: relative;
   display: table;
   padding-top: 47px;
}

#nav1 {
   width: 175px;
   display: table-cell;
   vertical-align: top;
}

#nav1a {
   width: 175px;
   position: fixed;
   top: 60px;
}

#nav1 a {
   width: 90%;
   color: #ffffff;
   font-size: 12px;
   float: left;
   padding: 10px 0 10px 10%;
   text-align: left;
}

#nav1 a:hover {
   background: #A666D0;
   transition: background-color .6s;
}

#nav1 #aktywne {
   border-left: 4px solid #9E5AA7;
   font-weight: bold;
   padding: 10px 0 10px 8%;
}

#nav1 a small {
   float: right;
   padding: 2px 3px 2px;
   background: #9E5AA7;
   font-weight: 700;
   margin-right: 10px;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

#nav1 p {
   width: 90%;
   float: left;
   padding: 20px 0 10px 10%;
   font-size: 12px;
   color: #B6A1C4;
   font-weight: 700;
}

#facebook2 {
   float: left;
   width: 100%;
   margin: 40px 0 0 10px;
}

#facebook2 b {
   font-size: 11px;
   font-weight: 400;
   line-height: 12px !important;
   float: left;
   width: 80%;
   margin-bottom: 8px;
}

#informacje {
   position: relative;
   width: 98%;
   float: left;
   background: #F5D500;
   text-align: center;
   margin: 35px 1%;
   font-size: 14px;
   line-height: 16px;
   color: #000000;
   font-weight: 400;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

#informacje p {
   padding: 10px 3%;
}

#informacje_zamknij {
   position: absolute;
   top: 5px;
   right: 5px;
   font-size: 12px;
   font-weight: bold;
   color: #ffffff;
   float: left;
   background: #ff0000;
   text-align: center;
   height: 18px;
   width: 18px;
   line-height: 18px;
   padding: 0 2px 0 2px;
   vertical-align: middle;
   font-family: Arial Black;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.informacje_etykieta {
   position: absolute;
   top: -25px;
   left: 0;
   float: left;
   height: 25px;
   font-size: 12px;
   line-height: 25px;
   padding: 0 15px;
   background: #ebce0d;
   font-weight: 400;
   font-size: 10px;
   vertical-align: middle;
   z-index: 1000;
   color: #000000;
   text-align: center;
   text-transform: uppercase;
}

.informacje1 {
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.informacje2 {
   padding: 10px;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.informacje2 a {
   display: inline-block;
   padding: 7px 7px;
   font-size: 11px;
   font-weight: 400;
   color: #ffffff;
   margin: 0 4px;
   text-transform: uppercase;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
   cursor: pointer;
}

.informacje2_zielony {
   background: #488806;
}

.informacje2_granatowy {
   background: #252d39;
}

.informacje2_czerwony {
   background: #bc2508;
}

.informacje2_zielony:hover {
   background: #336104;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.informacje2_granatowy:hover {
   background: #313946;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.informacje2_czerwony:hover {
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.pokaz_ukryj {
   width: 100%;
   float: left;
   text-align: center;
   margin-top: 10px;
}

.pokaz_ukryj a {
   display: inline-block;
   color: #ffffff;
   padding: 5px 10px;
   font-weight: bold;
   font-size: 10px;
   text-transform: uppercase;
   margin: 0 5px;
}

.pokaz_ukryj_pragnienia a {
   background: #6c182a;
}

.pokaz_ukryj1 {
   background: #252d39 !important;
}

.pokamale_myz_ukryj_zadania a {
   background: #0F7882;
}

#tablica {
   padding-bottom: 50px;
   background: #55285B;
   display: table-cell;
}

#right {
   width: 175px;
   display: table-cell;
   vertical-align: top;
}

#right1 {
   width: 175px;
   position: fixed;
   top: 50px;
}

#my {
   width: 100%;
   float: left;
}

.male_my1 {
   margin: 0 0 20px 1% !important;
}

#ja {
   float: left;
   margin: 30px 0 20px 1%;
}

#ja1,
#ty1 {
   width: 80px;
   height: 80px;
   overflow: hidden;
   float: left;
   position: relative;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.male_my1a {
   width: 30px !important;
   height: 30px !important;
}

#ja1 img,
#ty1 img {
   width: 80px;
   height: 80px;
}

.male_my1 img {
   width: auto !important;
   height: 30px !important;
}

#ty {
   float: right;
   margin: 30px 1% 20px 0;
}

#ja2,
#ty2 {
   float: left;
}

.online {
   display: inline-block;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: #488806;
}

.offline {
   display: inline-block;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: #bc2508;
}

.dane_osoby {
   padding: 0 10px;
   margin-top: 5px;
}

.dane_osoby_male {
   margin-top: 1px !important;
}

.dane_osoby p {
   font-size: 14px;
   margin-bottom: 5px;
}

.dane_osoby_male p {
   font-size: 12px !important;
   margin-bottom: 0 !important;
   text-align: center !important;
   width: 10px !important;
}

.dane_osoby_male p span {
   margin-left: 0 !important;
   margin-right: 0 !important;
}

.dane_osoby p b {
   font-weight: 400;
}

.dane_osoby1 p b {
   font-size: 28px;
}

#ty2 p {
   text-align: right;
}

#ja2 p span {
   margin-right: 5px;
}

#ty2 p span {
   margin-left: 5px;
}

#formularz_w_zamian,
.wiecej_opcji {
   display: none;
}

#dodaj_aktywnosc {
   width: 98%;
   float: left;
   margin: 10px 0 0 1%;
}

#dodaj_aktywnosc h2 {
   width: 50px;
   font-size: 16px;
   font-weight: 400;
   margin: 12px 10px 0 5px;
   float: left;
}

#czekaj {
   display: none;
   padding: 5px 0 0 0;
}

.zakladka {
   float: left;
   width: 200px;
   height: 45px;
   line-height: 45px;
   vertical-align: middle;
   font-size: 14px;
   font-weight: 400;
   text-transform: uppercase;
   color: #ffffff;
   text-align: center;
}

#zakladka1 {
   background: #6C182A;
   margin-left: 1px;
}

#zakladka2 {
   background: #0F7882;
}

#zakladka3 {
   background: #488806;
}

#dodaj_pragnienie {
   float: left;
   width: 98%;
   padding: 10px 1% 10px;
   background: #812B3D;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   height: 40px;
   text-align: center;
}

#dodaj_pragnienie p {
   font-weight: 400;
   margin: -10px 0 5px 0;
}

#dodawanie {
   width: 100%;
   display: table;
}

#dodaj_zadanie {
   float: left;
   width: 98%;
   padding: 10px 1% 10px;
   background: #27959F;
}

#dodaj_zadanie_a {
   width: 100%;
   display: table;
}

.min_avatar {
   width: 30px;
   height: auto;
   display: inline-block;
   vertical-align: top;
}

.noselect {
   -webkit-touch-callout: none;
   /* iOS Safari */
   -webkit-user-select: none;
   /* Chrome/Safari/Opera */
   -khtml-user-select: none;
   /* Konqueror */
   -moz-user-select: none;
   /* Firefox */
   -ms-user-select: none;
   /* IE/Edge */
   user-select: none;
   /* non-prefixed version, currently
                                  not supported by any browser */
}

.avatar_td {
   width: 40px;
   /*height:40px;*/
   display: table-cell;
   background-size: 40px 40px;
   background-repeat: no-repeat;
}

.input_table_cell {
   display: table-cell;
   margin: 0 !important;
}

.in3 {
   width: 99%;
   background-color: #ffffff;
   padding-left: 1%;
   outline: none;
   font-weight: 400;
   font-size: 18px;
   color: #2c1b37;
   resize: none;
   height: 40px;
   line-height: 40px;
   vertical-align: middle;
}

input:focus,
textarea:focus {
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.dodaj_pragnienie {
   display: table-cell;
   text-align: center;
   height: 40px;
   width: 120px;
   background: #252D39;
   line-height: 40px;
   font-weight: 400;
   color: #ffffff;
   vertical-align: middle;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #292929;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
   cursor: pointer;
}

.dodaj_pragnienie:hover {
   background: #313946;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.dodaj_pragnienie_nieaktywne {
   display: table-cell;
   text-align: center;
   height: 40px;
   width: 120px;
   background: #252D39;
   line-height: 40px;
   vertical-align: middle;
   color: #4D4D4D;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #292929;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   cursor: default;
}

.dodaj_zadanie {
   display: table-cell;
   text-align: center;
   height: 40px;
   width: 120px;
   background: #252D39;
   line-height: 40px;
   vertical-align: middle;
   font-weight: 400;
   color: #ffffff;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #292929;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
   cursor: pointer;
}

.dodaj_zadanie:hover {
   background: #252D39;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#tablica_pragnienia {
   width: 100%;
   float: left;
   text-align: center;
   margin-top: 30px;
}

#tablica_zadania {
   width: 50%;
   float: left;
   text-align: center;
   margin-top: 30px;
}

.etykieta_pragnienie,
.etykieta_zadanie {
   width: 31%;
   font-size: 12px;
   font-weight: 400;
   color: #ffffff;
   padding: 5px 2%;
   text-align: center;
   text-transform: uppercase;
   float: left;
   margin-bottom: 10px;
}

.etykieta_pragnienie {
   background: #812b3d;
}

.etykieta_zadanie {
   background: #27959f;
}

.tablica_pragnienia1 {
   background: #6c182a;
}

.tablica_pragnienia1 small {
   margin-left: 15px;
   font-weight: bold;
}

.sa_nieprzeczytane {
   color: #FC9204;
}

.nowe {
   color: #1CAA1C;
}

.zmienione {
   color: grey;
}

.tablica_pragnienia2 {
   background: #812b3d;
}

.tablica_zadania1 {
   background: #0f7882;
}

.tablica_zadania1 small {
   margin-left: 15px;
   font-weight: bold;
}

.tablica_zadania2 {
   background: #27959f;
}

.tablica1 {
   position: relative;
   width: 96%;
   display: inline-block;
   margin-bottom: 10px;
   text-align: left;
}

.tablica1_top {
   position: relative;
   width: 100%;
   height: 25px;
}

.tablica1_top1 {
   position: absolute;
   top: 0;
   left: 0;
   float: left;
   height: 25px;
   font-size: 12px;
   line-height: 25px;
   padding: 0 15px;
   vertical-align: middle;
   z-index: 1000;
   color: #ffffff;
   text-align: center;
   text-transform: uppercase;
}

.tablica2 {
   position: relative;
   width: 100%;
   float: left;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   z-index: 1000;
}

.tablica1 h2 {
   font-size: 16px;
   font-weight: 400;
   line-height: 16px;
   padding: 0 5px;
   display: inline-block;
   width: 88%;
   margin-bottom: 10px;
}

.opcje {
   position: absolute;
   top: 3px;
   right: 65px;
   cursor: pointer;
}

.opcje1 {
   position: absolute;
   top: 18px;
   right: 0;
   background: #ffffff;
   padding: 5px 10px;
   font-weight: 400;
   z-index: 1000;
   width: 110px;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.opcje1 a {
   display: inline-block;
   width: 94%;
   margin: 3px 3%;
   color: #2c1b37;
   font-size: 12px;
}

.opcje1 a:hover {
   text-decoration: underline;
}

.tablica1a {
   width: 99%;
   padding-left: 1%;
   float: left;
   margin-bottom: 10px;
   text-align: left !important;
}

.tablica1b {
   width: 99%;
   padding-right: 1%;
   text-align: right;
   float: left;
   margin-bottom: 10px;
}

.tablica1b b {
   display: inline-block;
   padding: 4px 8px;
   background: #27959F;
   font-weight: 400;
}

.kiedy_dodano {
   float: left;
   padding: 5px 0 0 1%;
   font-size: 11px;
   height: 11px;
   margin-bottom: 10px;
   color: #ABABAB;
}

.powtarzanie {
   float: right;
   padding: 5px 95px 0 0;
   font-size: 11px;
   margin-bottom: 10px;
   color: #ABABAB;
}

.tablica1c {
   position: relative;
   width: 100%;
   float: left;
}

.tablica1_bottom1 {
   float: left;
}

.tablica1_bottom2 {
   float: right;
}

.tablica1c .przycisk {
   display: inline-block;
   padding: 10px 20px;
   font-size: 11px;
   color: #ffffff;
   margin: 0 10px 10px 10px;
   background: #252D39;
   text-transform: uppercase;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
   cursor: pointer;
   font-weight: 400;
}

.tablica1c .przycisk:hover {
   background: #313946;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.zielony {
   background-color: #488806 !important;
}

.czerwony {
   background-color: #BC2508 !important;
}

.szary {
   background-color: #252D39 !important;
}

.dzisiaj {
   margin: 0 4px 4px 0;
   vertical-align: middle;
}

.nowa_wiadomosc {
   vertical-align: middle;
}

.na_dzisiaj {
   border-top: 4px solid #488806;
}

.stan {
   position: absolute;
   top: 0;
   right: 0;
   float: left;
   height: 25px;
   line-height: 25px;
   padding: 0 4px 0 4px;
   vertical-align: middle;
   z-index: 1000;
   text-align: center;
   background: #ffffff;
}

.stan span {
   color: #000000;
   font-size: 11px;
   font-weight: bold;
   vertical-align: middle;
}

.stan img {
   vertical-align: middle;
   margin: 0 4px 2px 0;
}

.stan .do_akceptacji {
   color: #0040FF !important;
   font-weight: bold !important;
}

.stan .zaakceptowane {
   color: #1da91d !important;
   font-weight: bold !important;
}

.stan .odrzucone {
   color: #A60000 !important;
   font-weight: bold !important;
}

.stan .czy_zrealizowane {
   color: #FF9100 !important;
   font-weight: bold !important;
}

.stan .zrealizowane {
   color: #000000 !important;
   font-weight: bold !important;
}

.stan .jest_nowe {
   color: #BC2508 !important;
   font-weight: bold !important;
}

.stan .male {
   font-size: 10px !important;
}

.stan1 {
   position: absolute;
   top: -4px;
   right: 0;
   float: left;
   height: 10px;
   line-height: 10px;
   padding: 0 3px;
   vertical-align: middle;
   z-index: 1000;
   text-align: center;
   background: #ffffff;
}

.stan1 img {
   height: 10px;
   width: auto;
}

.nowa {
   position: absolute;
   top: -4px;
   left: 0;
   float: left;
   height: 8px;
   line-height: 10px;
   padding: 1px 3px;
   z-index: 1000;
   background: #ffffff;
}

.nowa img {
   height: 8px;
   width: auto;
   float: left;
}

.tablica1_bottom3 {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   text-align: center;
}

.wiadomosci {
   display: inline-block;
   padding: 10px 26px;
   font-size: 11px;
   font-weight: 400;
   color: #ffffff;
   margin: 0 4px 5px;
   background: #252D39;
   text-transform: uppercase;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
   cursor: pointer;
}

.wiadomosci:hover {
   background: #313946;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.oznacz_jako_przeczytane {
   display: inline-block;
}

.oznacz_jako_przeczytane small {
   padding-left: 2px;
}

.oznacz_wiadomosci_jako_przeczytane {
   display: inline-block;
   padding: 7px 7px;
   font-size: 11px;
   font-weight: 400;
   color: #ffffff;
   margin: 0 4px 5px;
   background: #488806;
   text-transform: uppercase;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
   cursor: pointer;
}

.oznacz_wiadomosci_jako_przeczytane:hover {
   background: #336104;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.czat {
   position: relative;
   width: 100%;
   float: left;
   padding: 10px 0 5px;
   text-align: center;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.czat_pragnienia {
   background: #6c182a;
}

.czat_zadania {
   background: #0f7882;
}

.czat1 {
   font-size: 12px !important;
   margin-bottom: 0px;
}

.czat1 h2 {
   font-size: 12px !important;
}

.czat1 h2.prawy {
   float: left;
}

.prawy1 {
   float: right;
   width: 80%;
   background: #621626;
   margin: 0 1% 10px 0;
   padding: 10px 5px;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   position: relative;
}

.prawy1 img {
   float: right;
}

.usun_wiadomosc {
   position: absolute;
   top: -2px;
   left: -10px;
   float: left;
   width: 14px;
   height: 13px;
   line-height: 13px;
   font-size: 10px;
   vertical-align: middle;
   text-align: center;
   background: #bc2508;
   font-weight: bold;
   color: #ffffff;
   font-family: Arial Black;
   cursor: pointer;
   display: none;
}

.czas_wiadomosci {
   position: absolute;
   bottom: 1px;
   left: 2px;
   font-size: 8px;
   display: none;
   font-weight: bold;
   color: #fcd6de;
}

.lewy {
   position: relative;
   float: left;
   width: 80%;
   background: #a24559;
   padding: 10px 5px;
   margin-bottom: 10px;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.czat1 li {
   padding-bottom: 6px;
}

.zobacz_wiecej {
   float: left;
   width: 100%;
   color: #ffffff;
   text-align: center;
   font-size: 10px;
   margin-bottom: 10px;
   cursor: pointer;
}

.zobacz_wiecej small {
   display: inline-block;
   padding: 2px 5px 1px;
   background: #BC2508;
   font-weight: bold;
   font-size: 10px;
}

.nieprzeczytana {
   font-weight: 800 !important;
}

#podpowiedzi_pragnien {
   display: none;
   position: absolute;
   z-index: 100000;
   color: #000000;
   font-size: 16px;
   line-height: 20px;
   background: #FFFFFF;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   border-top-style: dashed;
   border-width: 1px;
   border-color: rgba(#5E5E5E, 0.57);
   padding: 20px 10px 10px 10px;
   text-align: left;
}

#podpowiedzi_pragnien a {
   color: #000000;
}

#podpowiedzi_pragnien p{
   padding: 10px 0 10px 0;
}

#podpowiedzi_pragnien a:hover {
   text-decoration: underline;
}

.czat2 {
   position: relative;
   width: 98%;
   margin: 0 1% 2px;
   display: table;
}

.duze_pragnienie,
.zmien_w_zamian_za,
.zmien_pragnienie,
.ukryj_czat {
   display: none;
}

.avatar_td1 {
   width: 30px;
   height: 30px;
   display: table-cell;
   background-size: 30px 30px;
   background-repeat: no-repeat;
}

.avatar_td2 {
   width: 20px;
   height: 20px;
   display: table-cell;
   background-size: 20px 20px;
   background-repeat: no-repeat;
}

.input_wiadomosc,
.input_zmien {
   width: 99%;
   padding-top: 8px;
   min-height: 20px;
   vertical-align: middle;
   background: #ffffff;
   outline: none;
   font-weight: 400;
   font-size: 12px;
   color: #2c1b37;
   float: left;
   background-repeat: no-repeat;
   padding-left: 1%;
   background-size: 30px 30px;
   resize: none;
}

.wyslij_wiadomosci,
.wyslij_zmien {
   display: table-cell;
   width: 80px;
   height: 30px;
   background: #252D39;
   text-align: center;
   line-height: 30px;
   vertical-align: middle;
   font-size: 11px;
   font-weight: 400;
   color: #ffffff;
   text-transform: uppercase;
   /* text-shadow: 1px 1px 1px #000000; */
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
   cursor: pointer;
}

.wyslij_wiadomosci:hover,
.wyslij_zmien:hover {
   background: #313946;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.wyslij_wiadomosci img {
   line-height: 10px;
   vertical-align: middle;
}

div.zamknij_wiadomosci,
div.zamknij_zmien {
   display: table-cell;
   height: 30px;
   width: 30px;
   text-align: center;
   overflow: hidden;
   font-size: 11px;
   line-height: 30px;
   vertical-align: middle;
   font-weight: 400;
   color: #ffffff;
   cursor: pointer;
   background: #313946;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

div.zamknij_wiadomosci:hover,
div.zamknij_zmien:hover {
   background: #252d39;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.tablica1_mini {
   position: relative;
   height: 20px;
   display: table;
   margin: 5px 1% 5px;
   width: 98%;
}

.wyc {
   position: absolute;
   bottom: 0;
   right: 50px;
   width: 100px;
   height: 20px;
   background: url(/images/wyc.png) no-repeat;
   z-index: 1;
}

.tablica1_mini1 p {
   font-size: 12px;
   line-height: 20px;
   height: 20px;
   overflow: hidden;
   color: #ffffff;
   vertical-align: middle;
   margin-left: 5px;
}

.tablica1_mini2 {
   display: table-cell;
   width: 50px;
}

.tablica1_mini2 a {
   display: inline-block;
   width: 100%;
   text-align: center;
   line-height: 20px;
   height: 20px;
   font-size: 10px;
   font-weight: 400;
   vertical-align: middle;
   color: #ffffff;
   background: #252D39;
   text-transform: uppercase;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
   cursor: pointer;
   position: relative;
   z-index: 100;
}

.tablica1_mini2 a:hover {
   background: #313946;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.przycisk_zwin {
   position: absolute;
   top: 5px;
   right: 7px;
   display: block;
   width: 50px;
   text-align: center;
   line-height: 20px;
   height: 20px;
   font-size: 10px;
   font-weight: 400;
   vertical-align: middle;
   color: #ffffff;
   background: #252D39;
   text-transform: uppercase;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
   cursor: pointer;
}

.przycisk_zwin:hover {
   background: #313946;
   transition: background-color .35s;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.right1 {
   width: 88%;
   float: left;
   margin: 10px 5%;
   text-align: center;
   padding: 10px 1%;
}

.waznosc_konta {
   background: #2C1B37;
   color: #FFFFFF;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.waznosc_konta h4 {
   font-size: 14px;
   margin-bottom: 5px;
}

.waznosc_konta p {
   font-size: 12px;
   margin-bottom: 15px;
}

.waznosc_konta1 {
   display: inline-block;
   width: 100%;
   background: #92539A;
   color: #ffffff;
   padding: 10px 0;
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 700;
   text-shadow: 1px 1px 1px #000000;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.waznosc_konta2 {
   display: inline-block;
   width: 100%;
   color: #92539A;
   margin: 20px 0 10px;
   font-size: 12px;
   font-weight: 700;
   text-decoration: underline;
}

.punkty_cel {
   background: #2C1B37;
   color: #ffffff;
}

#puchar {
   width: 30px;
   height: auto;
   margin-bottom: 5px;
}

.punkty_cel h4 {
   font-size: 16px;
   margin-bottom: 5px;
   text-align: center;
   color: #ffffff;
}

.punkty_cel1 {
   width: 100%;
   float: left;
   font-weight: 400;
   margin: 15px 0;
}

.punkty_cel1 img,
.punkty_cel1 b {
   vertical-align: middle;
}

.punkty_cel1 img {
   width: 18px;
   height: auto;
}

.punkty_cel1 b {
   font-size: 18px;
   margin-left: 5px;
   font-weight: 400;
}

.punkty_cel1 p {
   font-size: 12px;
   margin: 5px 0;
   font-weight: 700;
   padding: 10px 24px;
   background: #488806 url(/images/puchar.png) no-repeat 3px 50%;
   text-transform: uppercase;
   color: #FFFFFF;
}

.punkty_cel1 h3 {
   font-size: 13px;
   margin: 5px 0;
   font-weight: 400;
}

.punkty_cel1 h3 strong {
   color: #fef200;
   font-size: 20px;
   font-weight: 700;
}

.punkty_cel1 h3 span {
   font-size: 11px;
}

.odbierz {
   width: 90%;
   display: inline-block;
   background: #92539A;
   color: #ffffff;
   padding: 10px 0;
   text-transform: uppercase;
   font-size: 12px;
   font-weight: 700;
   margin-top: 10px;
   text-shadow: 1px 1px 1px #000000;
   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: background-color .35s;
}

.odbierz:hover {
   background: #812B12;
}

.o_portalu {
   position: relative;
   margin: 0 auto 0 auto;
   width: 100%;
   float: left;
   text-align: center;
}

.o_portalu h1,
#kontakt h1,
#pomoc h1,
.opinie h1,
#moje_konto h1 {
   font-size: 32px;
   color: #ffffff;
   margin: 20px 0 25px;
   text-shadow: 1px 1px 2px #000;
   font-weight: 400;
}

.box {
   position: relative;
   display: inline-block;
   width: 320px;
   margin: 0 0.5% 50px;
   height: 360px;
   background: #3b2b45;
   box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.21), 0 4px 8px 0 rgba(0, 0, 0, 0.18);
   vertical-align: middle;
}

.box h2 {
   font-size: 22px;
   padding: 8px 0;
   color: #ffffff;
   font-weight: 400;
   text-shadow: 1px 1px 2px #000;
   text-transform: uppercase;
   box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.21);
}

.box p {
   font-size: 18px;
   line-height: 24px;
   margin: 15px 3% 20px;
   color: #ffffff;
}

#box1 h2 {
   background: #6C182A;
}

#box2 h2 {
   background: #0F7882;
}


/* zdjęcia */

#box3 h2 {
   background: #488806;
}


/* inspiracje, pomysły */

#box4 h2 {
   background: #F5D500;
}

.more {
   position: absolute;
   bottom: 20px;
   left: 30%;
   width: 40%;
   display: inline-block;
   font-size: 12px;
   font-weight: 400;
   color: #ffffff;
   padding: 12px 0 10px;
   background: #92539A;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #000000;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.21), 0 4px 15px 0 rgba(0, 0, 0, 0.18);
   transition: box-shadow .35s;
   transition: background-color .3s;
}

.more:hover {
   background: #c774d2;
}

.box1b {
   width: 100%;
   height: 150px;
}

#kontakt {
   position: relative;
   text-align: center;
   float: left;
   width: 100%;
}

#kontakt input {
   display: inline-block;
   width: 490px;
   height: 50px;
   line-height: 50px;
   vertical-align: middle;
   padding-left: 10px;
   /*text-align:center;*/
   font-size: 20px;
   background: #ffffff;
   color: #201E44;
   outline: none;
   margin-bottom: 30px;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.21), 0 4px 15px 0 rgba(0, 0, 0, 0.18);
}

#kontakt select {
   display: inline-block;
   width: 500px;
   height: 50px;
   line-height: 50px;
   padding: 0 5px;
   vertical-align: middle;
   text-align: center;
   font-size: 20px;
   background: #ffffff;
   color: #201E44;
   outline: none;
   margin-bottom: 30px;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.21), 0 4px 15px 0 rgba(0, 0, 0, 0.18);
}

#kontakt textarea {
   display: inline-block;
   width: 480px;
   height: 200px;
   padding: 5px 10px;
   font-size: 20px;
   background: #ffffff;
   color: #201E44;
   outline: none;
   margin-bottom: 20px;
   overflow: hidden;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.21), 0 4px 15px 0 rgba(0, 0, 0, 0.18);
}

.kontakt1 {
   display: inline-block;
   width: 550px;
   padding-top: 20px;
}

.kontakt2 {
   display: inline-block;
   width: 550px;
   vertical-align: top;
   padding-top: 100px;
}

.kontakt2 p {
   font-size: 40px;
   margin-bottom: 50px;
}

.kontakt2 p a {
   color: #cd9cd4;
}

.kontakt2 img {
   margin: 0 10px;
}

#cennik {
   position: relative;
   margin: 0 auto 0 auto;
   width: 100%;
   height: 400px;
   float: left;
   text-align: center;
}

.send {
   margin: 0 5px;
   font-size: 22px;
   font-weight: 400;
   color: #ffffff;
   display: inline-block;
   padding: 12px 70px 10px;
   background: #914e99;
   text-shadow: 1px 1px 1px #000000;
   margin-bottom: 20px;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.21), 0 4px 15px 0 rgba(0, 0, 0, 0.18);
   transition: box-shadow .35s;
}

.send:hover {
   background: #9D49B2;
   transition: background-color .3s;
   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.footer1 {
   margin-bottom: 40px;
}

#footer {
   float: left;
   width: 100%;
   min-height: 60px;
   background: #2c1b37;
   padding-top: 20px;
   text-align: center;
}

#footer strong {
   font-weight: 400;
   font-size: 12px;
}

.footer_a {
   color: #ffffff;
   margin: 0 20px;
   font-size: 12px;
   vertical-align: middle;
   display: inline-block;
}

.footer_span {
   background: #92539A;
   width: 5px;
   height: 5px;
   border-radius: 50%;
   vertical-align: middle;
   display: inline-block;
}

#logo_footer {
   margin: 20px 0 50px 0;
   font-size: 14px;
   color: #ffffff;
   float: left;
   width: 100%;
}

#logo_footer a {
   color: #ffffff;
}

#logo_footer b {
   vertical-align: middle;
}

#logo_footer b span {
   font-weight: 300 !important;
}

#logo_footer img {
   vertical-align: middle;
   margin-right: 5px;
   width: 15px;
   height: auto;
}

#pomysly {
   position: fixed;
   bottom: 0;
   min-height: 30px;
   background: #2c1b37;
   width: 1300px;
   font-size: 12px;
   padding: 10px 0;
   text-align: center;
   z-index: 10000;
}

#pomysly1 {
   display: table;
   width: 1300px;
   margin: 0 auto 0 auto;
}

.pomysly_pragnienie {
   display: inline-block;
   width: 100px;
   height: 30px;
   line-height: 30px;
   vertical-align: middle;
   font-size: 12px;
   font-weight: 400;
   text-transform: uppercase;
   color: #ffffff;
   text-align: center;
   background: #6c182a;
   display: table-cell;
}

.pomysly_zadanie {
   background: #0F7882 !important;
}

.pomysly_tresc {
   width: 70%;
   height: 24px;
   line-height: 14px;
   padding: 3px 0.5%;
   background: #812B3D;
   color: #ffffff;
   font-size: 14px;
   vertical-align: middle;
   display: table-cell;
   cursor: pointer;
}

.pomysly_tresc p {
   height: 14px;
   overflow: hidden;
}

.pomysly_tresc_zadanie {
   background: #27959F !important;
}

.pomysly_przycisk {
   display: inline-block;
   width: 55px !important;
   height: 30px;
   line-height: 30px;
   vertical-align: middle;
   font-size: 12px;
   font-weight: 400;
   text-transform: uppercase;
   color: #ffffff;
   text-align: center;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
   cursor: pointer;
   font-weight: bold;
   display: table-cell;
}

.opinie {
   width: 100%;
   float: left;
   text-align: center;
   background: #49224E;
}

#opinie1 {
   position: relative;
   margin: 0 auto 0 auto;
   width: 990px;
   padding: 0 30px;
}

#opinie1 h2 {
   font-size: 24px;
   line-height: 30px;
   margin: 30px 0 10px 0;
   color: #ffffff;
   font-weight: 400;
   background: url(/images/cytat1.png) no-repeat 0 0;
}

#opinie1 span {
   background: url(/images/cytat2.png) no-repeat 100% 0;
   display: inline-block;
   font-size: 20px;
   line-height: 24px;
}

#opinie1 p {
   font-size: 20px;
   line-height: 24px;
   margin: 0 30px;
}

#next {
   position: absolute;
   top: 50%;
   right: 0;
   margin-top: -14px;
}

#prev {
   position: absolute;
   top: 50%;
   left: 0;
   margin-top: -24px;
}

.opinie1a {
   margin: 0 0 20px 0;
   font-size: 18px;
   color: #9e5aa7;
   font-weight: 400;
}

#pomoc h1 {
   font-size: 32px;
   font-weight: 400;
   margin: 30px 0 20px;
   float: left;
   width: 100%;
   text-align: center;
}

#pomoc1 {
   position: relative;
   margin: 0 auto 0 auto;
   width: 992px;
   text-align: center;
}

#pomoc1 h2 {
   font-size: 20px;
   margin: 20px 0 15px;
   text-shadow: 1px 1px 2px #000;
   font-weight: 400;
}

#pomoc1 p {
   font-size: 16px;
   line-height: 20px;
   margin-bottom: 40px;
   text-align: justify;
}

#pomoc1 p a {
   color: #c774d2;
   text-decoration: underline;
}

#pomoc1a {
   display: inline-block;
   margin: 15px 0;
}

#pomoc1a input {
   height: 30px;
   line-height: 30px;
   vertical-align: middle;
   width: 200px;
   padding: 0 5px;
   background: #ffffff;
   color: #201E44;
   font-weight: 400;
   outline: none;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
   float: left;
}

#pomoc1a img {
   float: left;
   margin: 1px 0 0 5px;
}

.beta {
   text-align: center;
   width: 100%;
   float: left;
   margin: 10px 0;
   position: relative;
}

.beta p {
   font-size: 40px;
   line-height: 44px;
   color: #ffffff;
   text-shadow: 1px 1px 5px #000;
   font-weight: 400;
   text-transform: uppercase;
   margin-bottom: 15px;
}

.beta input {
   width: 250px;
   height: 40px;
   line-height: 40px;
   vertical-align: middle;
   color: #000;
   font-size: 20px;
   padding: 0 7px;
   outline: none;
   font-weight: 300;
   display: inline-block;
   position: relative
}

.beta a {
   display: inline-block;
   height: 40px;
   line-height: 40px;
   vertical-align: middle;
   font-size: 20px;
   font-weight: 400;
   color: #ffffff;
   padding: 0 20px;
   background: #0F7882;
   text-shadow: 1px 1px 1px #000000;
   text-transform: uppercase;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.21), 0 4px 15px 0 rgba(0, 0, 0, 0.18);
   transition: box-shadow .35s;
}

.beta a:hover {
   background: #38afba;
   transition: background-color .3s;
   box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#dodaj_email {
   cursor: pointer;
}

#komunikat_beta,
#komunikat_email_beta {
   position: absolute;
   bottom: 0px;
   left: 0px;
   width: 100%;
   background-color: #BC2508;
   color: #FFFFFF;
   padding: 20px;
   display: none;
}

.menu_ikonki {
   display: none;
   vertical-align: middle;
}

.portal_w_liczbach {
   display: inline-block;
   padding: 0 3%;
   margin-bottom: 50px;
   vertical-align: top;
}

.portal_w_liczbach1 {
   height: 90px;
   line-height: 90px;
   margin-bottom: 20px;
}

.portal_w_liczbach1 img {
   vertical-align: middle;
}

.portal_w_liczbach b {
   font-size: 30px;
   font-weight: 400;
   display: inline-block;
   margin-bottom: 10px;
}

.portal_w_liczbach2 {
   font-size: 18px;
}

.pakiety {
   position: relative;
   margin: 0 auto 0 auto;
   width: 990px;
}

.pakiety1 {
   display: inline-block;
   width: 350px;
   height: 680px;
   margin: 10px 10px 20px 10px;
   vertical-align: top;
   box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.21), 0 4px 8px 0 rgba(0, 0, 0, 0.18);
}

.pakiety1 h2 {
   font-size: 28px;
   color: #fff;
   margin: 20px 0 25px;
   text-shadow: 1px 1px 2px #000;
   font-weight: 400;
}

.pakiety1 h3 {
   font-size: 24px;
   color: #fff;
   margin: 10px 0 15px;
   text-shadow: 1px 1px 2px #000;
   font-weight: 400;
}

.pakiety1 ul {
   margin-top: 20px;
   float: left;
   width: 100%;
}

.pakiety1 ul li {
   text-align: left;
   margin: 15px 10px 0 20px;
   padding-left: 20px;
   font-size: 16px;
   background: url(/images/pakiety.png) no-repeat 0 3px;
}

.pakiet1a_top {
   background: #0F7882;
   float: left;
   width: 100%;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.pakiet1a {
   background: #27959F;
}

.pakiet1b_top {
   background: #6C182A;
   float: left;
   width: 100%;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.pakiet1b {
   background: #812B3D;
}

.zamow {
   display: inline-block;
   width: 250px;
   height: 50px;
   line-height: 50px;
   vertical-align: middle;
   background: #000000;
   margin: 20px 0 40px 0;
   color: #ffffff;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #000;
   box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.21), 0 4px 15px 0 rgba(0, 0, 0, 0.18);
   transition: box-shadow .35s;
   transition: background-color .3s;
   font-weight: 400;
}

.zamow1 {
   background: #BC2508 !important;
}

.pakiety2 {
   display: inline-block;
   width: 690px;
   margin: 10px 10px 40px 10px;
   padding: 10px 15px 0 15px;
   background: #488806;
   box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.21), 0 4px 8px 0 rgba(0, 0, 0, 0.18);
}

.pakiety2 h3 {
   font-size: 20px;
   line-height: 26px;
   color: #fff;
   margin: 10px 0 10px;
   text-shadow: 1px 1px 2px #000;
   font-weight: 400;
}

.pakiety2 h4 {
   font-size: 28px;
   line-height: 24px;
   color: #fff;
   margin: 15px 0 10px;
   text-shadow: 1px 1px 2px #000;
   font-weight: 400;
   text-transform: uppercase;
}

#zdjecia {
   float: left;
   width: 100%;
   text-aling: center !important;
   margin-top: 20px;
}

.zdjecia1 {
   position: relative;
   width: 170px;
   display: inline-block;
   min-height: 150px;
   margin: 5px 5px;
}

.zdjecia1a {
   width: 170px;
   height: 150px;
   overflow: hidden;
}

.zdjecia1a img {
   width: 240px;
   height: auto;
   margin-left: -35px;
   -webkit-filter: blur(4px);
   transition: all .5s cubic-bezier(.215, .61, .355, 1);
}

.zdjecia1a img:hover {
   -webkit-filter: blur(0);
}

.zdjecia1_usun {
   position: absolute;
   bottom: 5px;
   right: 5px;
   background: #BC2508;
   color: #ffffff;
   padding: 5px 5px;
   display: inline-block;
   text-align: center;
   font-size: 10px;
   font-weight: bold;
   text-shadow: 1px 1px 2px #000;
   box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.21), 0 4px 8px 0 rgba(0, 0, 0, 0.18);
   cursor: pointer;
}

.zdjecia1_wiadomosci {
   position: absolute;
   bottom: 5px;
   left: 5px;
   background: #000000;
   color: #ffffff;
   padding: 5px 5px;
   display: inline-block;
   text-align: center;
   font-size: 10px;
   font-weight: bold;
   text-shadow: 1px 1px 2px #000;
   box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.21), 0 4px 8px 0 rgba(0, 0, 0, 0.18);
   cursor: pointer;
}

.zdjecia1_powieksz {
   position: absolute;
   top: 45px;
   left: 50%;
   margin-left: -50px;
   background: #488806;
   color: #ffffff;
   padding: 15px 0;
   width: 100px;
   display: inline-block;
   text-align: center;
   font-size: 10px;
   font-weight: bold;
   text-shadow: 1px 1px 2px #000;
   box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.21), 0 4px 8px 0 rgba(0, 0, 0, 0.18);
   cursor: pointer;
   pointer-events: none;
}

#moje_konto {
   width: 100%;
   float: left;
   margin-top: 30px;
   text-align: center;
}

.wybierz1 {
   display: inline-block;
   padding: 7px 7px;
   font-size: 12px;
   color: #ffffff;
   margin: 10px;
   background: #488806;
   text-transform: uppercase;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   transition: box-shadow .35s;
   cursor: pointer;
   font-weight: bold;
}

.wyroznij {
   position: relative;
}

#warstwa_z_wyciemnieniem {
   background: rgba(0, 0, 0, 0.75);
   display: none;
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 99998;
   overflow: hidden;
}

#header1.pomniejsz {
   min-height: 30px !important;
   /*overflow:hidden !important;*/
}

#header1.pomniejsz a {
   font-size: 12px;
}

#header1.pomniejsz #wyloguj {
   font-size: 10px;
   width: 70px;
   height: 30px;
   line-height: 30px;
}

#header1.pomniejsz img.logo_male {
   width: 18px !important;
   height: auto !important;
}

#header1.pomniejsz #header1a {
   min-height: 30px !important;
   line-height: 30px !important;
}

#header1.pomniejsz .menu_min1_portal {
   top: 7px !important;
}

#header1.pomniejsz .menu_min1_portal img {
   width: 27px;
   height: auto;
}

::-webkit-input-placeholder {
   color: #49224E;
}

:-moz-placeholder {
   /* Firefox 18- */
   color: #49224E;
}

::-moz-placeholder {
   /* Firefox 19+ */
   color: #49224E;
}

:-ms-input-placeholder {
   color: #49224E;
}

#zamknij_dodaj {
   color: #FFFFFF;
   font-weight: 700;
   font-size: 20px;
   cursor: pointer;
   float: right;
   margin: 8px 4px 0 0;
   font-family: Arial Black;
   display: none;
}

.kursor {
   cursor: pointer;
}

.czekaj {
   display: none;
}

.czekaj_akcja {
   display: none;
   margin: 0 10px 6px 10px;
}

#croppic {
   width: 240px;
   /* MANDATORY */
   height: 240px;
   /* MANDATORY */
   position: relative;
   /* MANDATORY */
   border: 3px solid #9E5AA7;
   box-sizing: content-box;
   -moz-box-sizing: content-box;
   border-radius: 3px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   margin: 0 auto 0 auto;
}

.croppic_imgUploadForm {
   display: none;
}


/* DO NOT CHANGE FROM HERE ( unless u know what u are doing) */

.cropImgWrapper {
   cursor: -webkit-grab;
   cursor: grab;
}

.cropImgWrapper:active {
   cursor: -webkit-grabbing;
   cursor: grabbing;
}

.cropImgUpload {
   z-index: 2;
   position: absolute;
   height: 28px;
   display: block;
   top: -30px;
   right: -2px;
   font-family: sans-serif;
   width: 20px;
   height: 20px;
   text-align: center;
   line-height: 20px;
   color: #FFF;
}

.cropControls {
   z-index: 2;
   position: absolute;
   height: 30px;
   display: block;
   top: -34px;
   right: 0px;
   font-family: sans-serif;
   background-color: rgba(0, 0, 0, 0.35);
}

.cropControls i {
   display: block;
   float: left;
   margin: 0;
   cursor: pointer;
   background-image: url('images/cropperIcons.png');
   width: 30px;
   height: 30px;
   text-align: center;
   line-height: 20px;
   color: #FFF;
   font-size: 13px;
   font-weight: bold;
   font-style: normal;
   border-radius: 3px;
}

.cropControls i:hover {
   background-color: rgba(0, 0, 0, 0.7);
}

.cropControls i.cropControlZoomMuchIn {
   background-position: 0px 0px;
}

.cropControls i.cropControlZoomIn {
   background-position: -30px 0px;
}

.cropControls i.cropControlZoomOut {
   background-position: -60px 0px;
}

.cropControls i.cropControlZoomMuchOut {
   background-position: -90px 0px;
}

.cropControls i.cropControlRotateLeft {
   background-position: -210px 0px;
}

.cropControls i.cropControlRotateRight {
   background-position: -240px 0px;
}

.cropControls i.cropControlCrop {
   background-image: none;
   width: 140px;
   padding-top: 7px;
   height: 23px;
   background-color: #19CB1B;
   margin: 0 5px 0 5px;
}

.cropControls i.cropControlUpload {
   background-position: -150px 0px;
}

.cropControls i.cropControlReset {
   background-position: -180px 0px;
}

.cropControls i.cropControlRemoveCroppedImage {
   background-position: -180px 0px;
}

.cropControls i:last-child {
   margin-right: none;
}

#croppicModal {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   display: block;
   background: rgba(0, 0, 0, 0.8);
   z-index: 10000;
}


/*
*		PRELOADER
*		With courtesy of : http://cssload.net/
*/

.bubblingG {
   text-align: center;
   width: 80px;
   height: 50px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -18px auto auto -40px;
   z-index: 2;
}

.bubblingG span {
   display: inline-block;
   vertical-align: middle;
   width: 10px;
   height: 10px;
   margin: 25px auto;
   background: #FFF;
   box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
   -moz-border-radius: 50px;
   -moz-animation: bubblingG 1s infinite alternate;
   -webkit-border-radius: 50px;
   -webkit-animation: bubblingG 1s infinite alternate;
   -ms-border-radius: 50px;
   -ms-animation: bubblingG 1s infinite alternate;
   -o-border-radius: 50px;
   -o-animation: bubblingG 1s infinite alternate;
   border-radius: 50px;
   animation: bubblingG 1s infinite alternate;
}

#bubblingG_1 {
   -moz-animation-delay: 0s;
   -webkit-animation-delay: 0s;
   -ms-animation-delay: 0s;
   -o-animation-delay: 0s;
   animation-delay: 0s;
}

#bubblingG_2 {
   -moz-animation-delay: 0.3s;
   -webkit-animation-delay: 0.3s;
   -ms-animation-delay: 0.3s;
   -o-animation-delay: 0.3s;
   animation-delay: 0.3s;
}

#bubblingG_3 {
   -moz-animation-delay: 0.6s;
   -webkit-animation-delay: 0.6s;
   -ms-animation-delay: 0.6s;
   -o-animation-delay: 0.6s;
   animation-delay: 0.6s;
}

@-moz-keyframes bubblingG {
   0% {
      width: 10px;
      height: 10px;
      background-color: #FFF;
      -moz-transform: translateY(0);
   }
   100% {
      width: 24px;
      height: 24px;
      background-color: #FFF;
      -moz-transform: translateY(-21px);
   }
}

@-webkit-keyframes bubblingG {
   0% {
      width: 10px;
      height: 10px;
      background-color: #FFF;
      -webkit-transform: translateY(0);
   }
   100% {
      width: 24px;
      height: 24px;
      background-color: #FFF;
      -webkit-transform: translateY(-21px);
   }
}

@-ms-keyframes bubblingG {
   0% {
      width: 10px;
      height: 10px;
      background-color: #FFF;
      -ms-transform: translateY(0);
   }
   100% {
      width: 24px;
      height: 24px;
      background-color: #FFF;
      -ms-transform: translateY(-21px);
   }
}

@-o-keyframes bubblingG {
   0% {
      width: 10px;
      height: 10px;
      background-color: #FFF;
      -o-transform: translateY(0);
   }
   100% {
      width: 24px;
      height: 24px;
      background-color: #FFF;
      -o-transform: translateY(-21px);
   }
}

@keyframes bubblingG {
   0% {
      width: 10px;
      height: 10px;
      background-color: #FFF;
      transform: translateY(0);
   }
   100% {
      width: 24px;
      height: 24px;
      background-color: #FFF;
      transform: translateY(-21px);
   }
}


/* some reset stlyes */


/* Magnific Popup CSS */

.mfp-bg {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1042;
   overflow: hidden;
   position: fixed;
   background: #0b0b0b;
   opacity: 0.8;
}

.mfp-wrap {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1043;
   position: fixed;
   outline: none !important;
   -webkit-backface-visibility: hidden;
}

.mfp-container {
   text-align: center;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   padding: 0 8px;
   box-sizing: border-box;
}

.mfp-container:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
   display: none;
}

.mfp-content {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   margin: 0 auto;
   text-align: left;
   z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
   width: 100%;
   cursor: auto;
}

.mfp-ajax-cur {
   cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
   cursor: -moz-zoom-out;
   cursor: -webkit-zoom-out;
   cursor: zoom-out;
}

.mfp-zoom {
   cursor: pointer;
   cursor: -webkit-zoom-in;
   cursor: -moz-zoom-in;
   cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
   cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
}

.mfp-loading.mfp-figure {
   display: none;
}

.mfp-hide {
   display: none !important;
}

.mfp-preloader {
   color: #CCC;
   position: absolute;
   top: 50%;
   width: auto;
   text-align: center;
   margin-top: -0.8em;
   left: 8px;
   right: 8px;
   z-index: 1044;
}

.mfp-preloader a {
   color: #CCC;
}

.mfp-preloader a:hover {
   color: #FFF;
}

.mfp-s-ready .mfp-preloader {
   display: none;
}

.mfp-s-error .mfp-content {
   display: none;
}

button.mfp-close,
button.mfp-arrow {
   overflow: visible;
   cursor: pointer;
   background: transparent;
   border: 0;
   -webkit-appearance: none;
   display: block;
   outline: none;
   padding: 0;
   z-index: 1046;
   box-shadow: none;
   touch-action: manipulation;
}

button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

.mfp-close {
   width: 44px;
   height: 44px;
   line-height: 44px;
   position: absolute;
   right: 0;
   top: 0;
   text-decoration: none;
   text-align: center;
   opacity: 0.65;
   padding: 0 0 18px 10px;
   color: #FFF;
   font-style: normal;
   font-size: 28px;
   font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
   opacity: 1;
}

.mfp-close:active {
   top: 1px;
}

.mfp-close-btn-in .mfp-close {
   color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
   color: #FFF;
   right: -6px;
   text-align: right;
   padding-right: 6px;
   width: 100%;
}

.mfp-counter {
   position: absolute;
   top: 0;
   right: 0;
   color: #CCC;
   font-size: 12px;
   line-height: 18px;
   white-space: nowrap;
}

.mfp-arrow {
   position: absolute;
   opacity: 0.65;
   margin: 0;
   top: 50%;
   margin-top: -55px;
   padding: 0;
   width: 90px;
   height: 110px;
   -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
   margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
   opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
   content: '';
   display: block;
   width: 0;
   height: 0;
   position: absolute;
   left: 0;
   top: 0;
   margin-top: 35px;
   margin-left: 35px;
   border: medium inset transparent;
}

.mfp-arrow:after {
   border-top-width: 13px;
   border-bottom-width: 13px;
   top: 8px;
}

.mfp-arrow:before {
   border-top-width: 21px;
   border-bottom-width: 21px;
   opacity: 0.7;
}

.mfp-arrow-left {
   left: 0;
}

.mfp-arrow-left:after {
   border-right: 17px solid #FFF;
   margin-left: 31px;
}

.mfp-arrow-left:before {
   margin-left: 25px;
   border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
   right: 0;
}

.mfp-arrow-right:after {
   border-left: 17px solid #FFF;
   margin-left: 39px;
}

.mfp-arrow-right:before {
   border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
   padding-top: 40px;
   padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
   line-height: 0;
   width: 100%;
   max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
   top: -40px;
}

.mfp-iframe-scaler {
   width: 100%;
   height: 0;
   overflow: hidden;
   padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
   position: absolute;
   display: block;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
   background: #000;
}


/* Main image in popup */

img.mfp-img {
   width: auto;
   max-width: 100%;
   height: auto;
   display: block;
   line-height: 0;
   box-sizing: border-box;
   padding: 40px 0 40px;
   margin: 0 auto;
}


/* The shadow behind the image */

.mfp-figure {
   line-height: 0;
}

.mfp-figure:after {
   content: '';
   position: absolute;
   left: 0;
   top: 40px;
   bottom: 40px;
   display: block;
   right: 0;
   width: auto;
   height: auto;
   z-index: -1;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
   background: #444;
}

.mfp-figure small {
   color: #BDBDBD;
   display: block;
   font-size: 12px;
   line-height: 14px;
}

.mfp-figure figure {
   margin: 0;
}

.mfp-bottom-bar {
   margin-top: -36px;
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   cursor: auto;
}

.mfp-title {
   text-align: left;
   line-height: 18px;
   color: #F3F3F3;
   word-wrap: break-word;
   padding-right: 36px;
}

.mfp-image-holder .mfp-content {
   max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
   cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
   /**
       * Remove all paddings around the image on small screen
       */
   .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0;
   }
   .mfp-img-mobile img.mfp-img {
      padding: 0;
   }
   .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0;
   }
   .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px;
   }
   .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box;
   }
   .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0;
   }
   .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px;
   }
   .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0;
   }
}

@media all and (max-width: 900px) {
   .mfp-arrow {
      -webkit-transform: scale(0.75);
      transform: scale(0.75);
   }
   .mfp-arrow-left {
      -webkit-transform-origin: 0;
      transform-origin: 0;
   }
   .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      transform-origin: 100%;
   }
   .mfp-container {
      padding-left: 6px;
      padding-right: 6px;
   }
}

@media (max-width: 1381px) {
   #top {
      background: url(/images/b1_1366.jpg) no-repeat 50% 0;
      background-size: cover;
   }
   #header {
      width: 85%;
   }
   #rejestracja1 {
      width: 80%;
      padding-left: 10%;
   }
   #przerwa_techniczna {
      padding: 20px 0 20px 30%;
   }
   #container1 {
      width: 100%;
   }
   #pomysly {
      width: 100%;
   }
}

@media (max-width: 1076px) {
   #opinie1 {
      position: relative;
      margin: 0 auto 0 auto;
      width: 90%;
      padding: 0 5%;
   }
   .zakladka {
      width: 120px;
   }
}

@media (max-width: 992px) {
   #header,
   #content,
   #pomoc1,
   .pakiety {
      width: 98%;
      margin-left: 1%;
   }
   #top h1 {
      font-size: 72px;
   }
   #top h2 {
      font-size: 30px;
   }
   #male_my {
      width: 130px;
      margin-left: -300px;
   }
   .menu_nag {
      margin: 0 1px;
   }
}

@media (max-width: 790px) {
   .przycisk_sg {
      font-size: 18px;
   }
}

@media (max-width: 800px) {
   #header {
      text-align: center;
   }
   #menu {
      display: none;
   }
   #menu_rozwijane {
      display: none;
   }
   #menu_min,
   .top1a {
      display: inline;
   }
   #top h1 {
      font-size: 50px;
   }
   #top h2 {
      font-size: 22px;
      margin-bottom: 35px;
   }
   .przycisk_sg {
      margin: 10px 10px;
      font-size: 18px;
      width: 50%;
      padding: 17px 0 15px;
   }
   #rejestracja1 {
      width: 100%;
      padding-left: 0;
   }
   #przerwa_techniczna {
      padding: 20px 0 20px 20%;
   }
   .czat1 h2.prawy {
      width: 80% !important;
   }
   #pomysly {
      min-height: 20px;
   }
   #pomysly1 {
      width: 99%;
      margin-left: 0.5%;
      height: 20px;
      line-height: 20px;
   }
   .pomysly_pragnienie {
      height: 20px;
      line-height: 20px;
      font-size: 10px;
   }
   .pomysly_tresc {
      width: 50%;
      height: 14px;
      font-size: 10px;
   }
   .pomysly_przycisk {
      height: 20px;
      line-height: 20px;
      font-size: 10px;
   }
   .beta p {
      font-size: 30px;
      line-height: 34px;
   }
   .beta input {
      width: 200px;
   }
   #nav1 {
      display: none;
   }
   #right,
   .logo1a {
      display: none;
   }
   .zakladka {
      height: 35px;
      line-height: 35px;
   }
   .dodaj_pragnienie {
      width: 80px;
   }
   .dodaj_pragnienie_nieaktywne {
      width: 80px;
   }
   .in3 {
      font-size: 12px;
      line-height: 12px;
      height: 40px !important;
   }
   .menu_ikonki {
      display: inline;
   }
   .menu_nag {
      padding: 0 15px;
      margin: 0 5px;
   }
   #wyloguj {
      display: none;
   }
   #male_my {
      display: none !important;
   }
   #header1a {
      float: left;
      text-align: left;
      padding-left: 5px;
   }
   #przycisk_dodaj {
      position: absolute;
      top: 0;
      right: 75px;
   }
   .powiadomienia_box1 {
      right: -78px;
      width: 300px;
   }
   .pakiety1 {
      display: inline-block;
      width: 49%;
      height: 650px;
      margin: 10px 0.5% 20px 0.5%;
   }
   .pakiety2 {
      width: 95%;
      margin: 10px 0.5% 40px 0.5%;
      padding: 10px 2% 0 2%;
   }
   .pakiety1 h2 {
      font-size: 22px;
      margin: 10px 0 10px;
   }
   .pakiety1 h3 {
      font-size: 18px;
      margin: 5px 0 5px;
   }
   .zamow {
      margin: 20px 0 20px 0;
   }
}

@media (max-width: 640px) {
   #footer {
      display: none;
   }
   #top {
      background: url(/images/b1_640.jpg) no-repeat 50% 0;
      background-size: cover;
   }
   #zarejestruj {
      width: 70%;
      margin: 35px 0 0 15%;
   }
   .wybrany_avatar {
      width: 120px;
      height: 120px;
   }
   .kontakt1,
   .kontakt2 {
      width: 100%;
   }
}

@media (max-width: 570px) {
   .pakiety1 {
      width: 100%;
      height: auto;
      margin: 10px 0 10px 0;
      padding-bottom: 30px;
   }
}

@media (max-width: 530px) {
   #logo {
      font-size: 32px;
   }
   #top h1 {
      margin: 20px 0 20px;
   }
   #top h1 b {
      font-size: 40px;
      line-height: 40px;
   }
   #top h2 {
      margin-bottom: 15px;
   }
   .przycisk_sg {
      width: 80%;
   }
   #przerwa_techniczna {
      padding: 20px 0 20px 5%;
   }
   .wybrany_avatar {
      margin: 0 2px 10px 2px !important;
      width: 80px;
      height: 80px;
   }
   #zarejestruj {
      width: 84%;
      margin: 35px 0 0 8%;
   }
   #facebook {
      height: 50px;
      padding: 0 40px;
   }
   #opinie1 h2 {
      font-size: 16px;
      line-height: 20px;
   }
   #opinie1 span {
      font-size: 16px;
      line-height: 20px;
   }
   #opinie1 p {
      font-size: 16px;
      line-height: 20px;
   }
   .opinie1a {
      font-size: 12px;
   }
   .tablica1 h2 {
      width: 82%;
   }
   #przycisk_dodaj {
      position: absolute;
      top: 0;
      right: 48px;
   }
   .portal_w_liczbach {
      padding: 0 3%;
      margin-bottom: 30px;
   }
   .portal_w_liczbach2 {
      font-size: 14px;
   }
   .wyslij_wiadomosci,
   .wyslij_zmien {
      width: 60px;
   }
   .wyslij_zdjecie {
      width: 35px !important;
   }
   .zakladka {
      width: 90px;
   }
   #dodaj_aktywnosc h2 {
      width: 50px;
      font-size: 14px;
      font-weight: 400;
      margin: 8px 0 0 5px;
      float: left;
   }
   #rejestracja h2 {
      font-size: 22px;
      /* margin: 10px 0 0; */
   }
   #rejestracja h3 {
      font-size: 18px;
      padding: 5px 0 10px 2%;
   }
   #rejestracja p {
      /* font-size: 14px; */
      padding: 5px 0 5px 2%;
      /* margin-top: 5px; */
   }
   #komunikat {
      padding: 5px 0;
   }
   #komunikat h3 {
      font-size: 14px;
   }
   .in1 {
      /* padding: 8px 2% 10px; */
      font-size: 16px;
   }
   .zdjecia1 {
      margin: 5px 2px;
   }
   #kontakt h1 {
      font-size: 18px;
      margin: 0 0 25px 0;
   }
   #kontakt input {
      width: 96%;
      padding: 0 1%;
      margin: 0 1% 15px 1%;
      height: 24px;
      line-height: 24px;
      font-size: 14px;
   }
   #kontakt select {
      width: 98%;
      padding: 0 1%;
      margin: 0 1% 15px 1%;
      height: 24px;
      line-height: 24px;
      font-size: 14px;
   }
   #kontakt textarea {
      width: 96%;
      padding: 5px 1%;
      margin: 0 1% 15px 1%;
      font-size: 14px;
      height: 150px;
   }
   .kontakt2 {
      padding-top: 20px;
   }
   .kontakt2 p {
      font-size: 24px;
      margin-bottom: 20px;
   }
   .kontakt2 img {
      width: 40px;
      height: auto;
      margin-top: 20px;
   }
}

@media (max-width: 380px) {
   .box {
      width: 98%;
      height: auto !important;
      padding-bottom: 30px;
      margin: 0 1% 15px;
   }
   .more {
      bottom: 8px;
   }
}