@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700&subset=latin-ext);

body {
  margin: auto;
  width: 100%;
  background-color: #ffffff;
  font-family: "Lato";
  font-size: 14px;
  color: #555555;
  text-align: justify; 
}

a {
  text-decoration: none;
  color: inherit;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 35px;
}

h1 {
  margin: 0 auto 35px auto;
  display: inline-block;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}

img {
  vertical-align: top;
  border: none;
}

header {
  padding-top: 20px;
  position: fixed;
  top: 0;
  z-index: 100;
  background-color: #ffffff;
}

.row1 {
  width: 88%;
  margin: auto;
}

.row2 {
  width: 100%;
}

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

.calosc {
  width: 100%;
}

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.powieksz {
  text-transform: uppercase;
}

.pad-right {
  padding-right: 80px;
}
         
#jezyki {
  float: left;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  padding-top: 4px;
  margin-right: 8px;
  display: none;
}

#jezyki > a {
  display: block;
  float: left;
  cursor: pointer;
}

#jezyki img {
  margin-top: 5px;
  display: block;
  float: right;
  margin-left: 7px;
}

#jezyki ul {
  display: none;
  margin-top: 3px;
  padding: 0;
  text-align: center;
  margin-bottom: 0;
}

#jezyki li {
  list-style-type: none;
}

#jezyki2 {
  float: right;
  margin-left: 20px;
  /*margin-top: 15px;*/
}

#jezyki2 a {
  display: inline-block;
  margin-left: 5px;
  border: 1px solid #555555;
  width: 25px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 13px;
}

#jezyki2 a.active {
  color: #ffffff;
  background-color: #58ad40;
  border: 1px solid #58ad40;
  font-weight: bold;
}

#jezyki2 a:hover { 
  color: #ffffff;
  background-color: #58ad40;
  border: 1px solid #58ad40;
  font-weight: bold;  
}

#kontakt-header {
  width: auto;
  float: right;
  font-size: 15px;
  padding-top: 3px;
  /*margin-right: 20px;*/
}

.small #kontakt-header, .small #social_icons, .small #jezyki {
  display: none;
}

#kontakt-header .tel, #kontakt-header .mail {
  float: left;
}

#kontakt-header .tel {
  margin-right: 20px;
}

#kontakt-header img {
  padding-right: 10px;
}

#social_icons {
  float: right;
  margin-bottom: 12px;
}

#header #social_icons {
  display: none;
}

#header #social_icons img, footer #social_icons img {
  width: 25px;
  height: auto;
  margin-left: 5px;
  display: block;
}

footer #social_icons {
  float: none;
  width: 160px;
  margin: 0 auto 30px auto;
}

.logo {
  float: left;
  width: 200px;
  height: auto;
  padding-top: 3px;
  transition: all 0.3s ease 0s
}

.polowa {
  width: 60%;
}

.polowa.foto, .polowa.language {
  width: 40%;
}

.polowa.foto img, .polowa.language img {
  width: 90%;
  height: auto;
  float: right; 
}

#menu {
  float: right;
  color: #555555 !important;
  font-size: 16px;
  margin-top: 15px;
}

#menu ul {
  margin: auto;
  padding: 0;
  z-index: 100;
}

#menu ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 25px;
  text-transform: uppercase;
  padding-bottom: 5px;
}

#menu ul li:last-child {
  margin-right: 0px;
}

#menu li.currentpage > a {
  color: #58ad40;
  border-bottom: 1px solid #58ad40;
}

#menu ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 20px;
  position: relative;
}

#menu > ul > li > ul {
  display: none;
  position: absolute;
  margin-top: 0;
  padding-top: 20px;
  left: -19px;
  width: 170px;
}

#menu > ul > li ul {
  background-color: #ffffff;
  padding-left: 20px;
  padding-right: 10px;
}

#menu > ul > li > ul li {
  margin-bottom: 15px;
  margin-right: 0;
  display: block;
  width: 100%;       
}

#menu > ul > li:hover > ul {
  display: block;
}

#baner, #slider_produkt {
  margin-top: 143px;
  z-index: 1;
  position: relative;
}

#slider_produkt1 {
  z-index: 1;
  position: relative;
}

#baner img, #slider_produkt img {
  width: 100%;
  //margin-bottom: -4px;
}

#slider_produkt1 img {
  width: 100%;
  //margin-bottom: -4px;
}

#baner .img, #slider_produkt .img {
  position: relative;
  display: none;
}

#slider_produkt1 .img {
  position: relative;
  display: none;
}

#slider_produkt .img:nth-of-type(1) {
  display: block;
}

#slider_produkt1 .img:nth-of-type(1) {
  display: block;
}

#slider_produkt1 .img {
  position: relative;
  display: none;
}

#slider_produkt1 .img:nth-of-type(1) {
  display: block;
}

#baner .opis, #slider_produkt .opis {
  font-weight: 700;
  font-size: 18px;
  position: absolute;
  bottom: 0;
  height: 100%;
  //bottom: 10%;
  //left: 19%;
  left: 0;
  //width: 62%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 10px 15px 10px 15px;
  //background-image: url("/uploads/images/maska.png"); 
  color: #ffffff;
  box-sizing: border-box;
}

#slider_produkt1 .opis {
  font-weight: 700;
  font-size: 18px;
  position: absolute;
  bottom: 0;
  height: 100%;
  //bottom: 10%;
  //left: 19%;
  left: 0;
  //width: 62%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 10px 15px 10px 15px;
  //background-image: url("/uploads/images/maska.png"); 
  color: #ffffff;
  box-sizing: border-box;
}

#slider_produkt .opis > div {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  margin: auto;
  width: 98%;
}

#slider_produkt1 .opis > div {
  position: absolute;
  bottom: 10%;
  left: 19%;
  width: 62%;
}

#baner .opis h2, #slider_produkt .opis h2 {
  font-size: 52px;
  font-weight: 500;
  margin-top: 0;
  line-height: 55px;
  margin-bottom: 20px;
  text-align: center;
}

#slider_produkt1 .opis h1 {
  font-size: 52px;
  font-weight: 500;
  margin-top: 0;
  line-height: 55px;
  margin-bottom: 20px;
  text-align: center;
  border-bottom: 0px;
}

.naglowek h1 {
  font-size: 52px;
  font-weight: 500;
  margin-top: 0;
  line-height: 55px;
  margin-bottom: 20px;
  text-align: center;
  border-bottom: 0px;
}

#baner .opis p, #slider_produkt .opis p {
  margin-bottom: 30px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 19px;
}

#slider_produkt1 .opis h6 {
  margin-bottom: 30px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 19px;
}

#baner .opis a, #slider_produkt .opis a {
  font-size: 22px;
  display: block;
  background-color: rgb(91,184,69);
  border-radius: 3px;
  height: 50px;
  width: 230px;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  margin: auto;
}

#slider_produkt1 .opis a {
  font-size: 22px;
  display: block;
  background-color: rgb(91,184,69);
  border-radius: 3px;
  height: 50px;
  width: 230px;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  margin: auto;
}

#slider_produkt.pl .opis a {
  width: 320px;  
}


#slider_produkt.pl .opis > div {
    bottom: 10%;
    left: 11%;
    position: absolute;
    width: 80%;
}

#sekcja2, #sekcja3, #sekcja2.pol {
  background-image: url("../uploads/images/stetoskop.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  height: 365px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  padding: 60px 0 100px 0;
}

#sekcja2 h3, #sekcja3 h3, #sekcja2.pol h3 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
  margin: 0 auto 30px auto;
  width: 30%;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
}

#sekcja2 h3 > span {
  font-size: 17px;
  font-weight: normal;
}  

#sekcja2 h4 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 19px;
  margin-bottom: 0;
}

#sekcja2 {padding-top: 30px; height: 485px;}
#sekcja2 h3 {width: 75%;}

#content {
  padding-bottom: 20px;
}

#content ul {
  font-size: 17px;
  /*font-weight: 300;*/
  padding-left: 20px;
}

#content.home h1 {
  font-size: 40px;
  color: #555555;
  font-weight: 500;
  text-align: center;
  padding-top: 80px;
  border-bottom: 1px solid #555555;
  width: 60%;
}

#content.home h1 > span {
  color: #5bb845;
}

#content.home .linki {            
  color: rgb(91, 184, 69);
  margin-bottom: 0;
  font-weight: 500;
}
#content.home .linki a {
  color: #555555;
  text-transform: uppercase;
}
#content.home .linki a:hover{
  color: rgb(91, 184, 69);
}

#content.home {
  text-align: right;
  font-size: 17px;
  //background-color: rgb(243,243,243);
  padding-bottom: 0;
}

#content.home .info {
  padding-top: 175px;
}

#content.home .info > div {
  text-align: left;
  padding-left: 12%;
}

#content.home embed {
  width: 450px; 
  height: 510px;
  display: block;
  margin: 20px auto 0 auto;
}

#content .wiecej {
  color: #4eb140;
  text-align: center;
  border: 2px solid #4eb140;
  padding: 15px 0;
  line-height: 24px;
  display: block;
  font-size: 25px;
  width: 270px;
  margin-top: 55px;
}

#content.home .row1 {
  //width: 100%;
  text-align: center;
}

#content.home .row1 img {
  width: 100%;
  height: auto;
  margin-bottom: -4px;
}

#content h2, #content h3, #content h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  width: auto;
  display: inline-block;
}

#content.page {
  padding-top: 110px;
  margin-top: 143px;
  min-height: 200px;
}

#content.page2 {
  padding-top: 45px;
}

#content.page h1 {
  font-size: 40px;
  font-weight: 500;
  margin: 0 auto 45px auto;
  border-bottom: 1px solid #555555;  
  text-transform: uppercase;
  display: block;
}

h1.offers, h1.uk, h1.register { width: 40%; }

h1.about { width: 25%; }

h1.sweden, h1.france { width: 20%; }

h1.norway, h1.support, h1.denmark { width: 25%; }

h1.recruitment, .h1_30 { width: 30%; }

h1.language { width: 45%; }

h1.arrival { width: 60%; }

h1.arrival_pl { width: 70%; }

#content.page h1 span {
  color: #5bb845;
  font-size: 17px;
}

#content.page h4 {
  font-size: 16px;  
}

#content.page p {
  font-size: 17px;
  /*font-weight: 300;*/
  text-align: left;
}

#content.page ul li {
  text-align: left;
}

.naglowek {
  font-size: 35px !important;
  font-weight: normal !important;  
  margin-bottom: 30px !important;
}

#content h2 {
  margin-bottom: 10px;
}

#content p, #sekcja3 p, #sekcja2 p {
  line-height: 22px;
  margin-top: 0;
  font-size: 17px;
  /*font-weight: 300;*/
}

#kontakt {
  display: none;
}

#kontakt, #kontakt2 {
  padding-bottom: 40px;
  background-color: rgb(243,243,243);
  padding-top: 70px;
}

#kontakt2 {
  padding-bottom: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  padding-top: 10px;
}

#kontakt h3, #kontakt2 h3 {
  font-size: 40px;
  font-weight: 500;
  margin: 0 auto 40px auto;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #555555;
  width: 30%;
}

#kontakt h3 > span, #kontakt2 h3 > span {
  color: #5bb845;
}

#kontakt .polowa > span, #kontakt .calosc > span, #kontakt2 .polowa > span, #kontakt2 .calosc > span {
  font-size: 22px;
  color: #afafaf;
  display: block;
  margin-bottom: 20px;
  font-weight: 300;
}

#kontakt .dane, #kontakt2 .dane {
  font-size: 14px;
  color: #414141;
  //font-weight: 300;
  line-height: 22px;
  float: left;
  margin-top: 0;
  width: 80%;
  text-align: left;
}

#kontakt2 .dane {
  color: #ffffff;
}

#kontakt .kontakt.en .dane, #kontakt2 .kontakt.en .dane {
  float: right;
}

#kontakt .kontakt.en img, #kontakt2 .kontakt.en img {
  float: none;
}

#kontakt .img, #kontakt2 .img  {
  float: left;
  margin-top: 3px;
  padding-right: 10px;
}

#kontakt .kontakt, #kontakt2 .kontakt {
  margin: 20px auto 0 auto;
  width: 100%;
}

#kontakt .kontakt.en, #kontakt2 .kontakt.en {
  text-align: right;
}

#kontakt .tel, #kontakt2 .tel {
  font-size: 19px;
  //font-weight: bold;  
}

#kontakt .zielony.tel, #kontakt2 .zielony.tel {
  font-family: "Oswald";
}

#kontakt .form {
  font-size: 18px;
}

#kontakt form {
  width: 100%;
}



.register_form {
  width: 100%;
  margin: auto;
}

#kontakt input, #kontakt textarea, .register_form input, .register_form textarea {
  border: 1px solid rgb(227,227,227);
  font-size: 14px;
  line-height: 60px;
  color: #afafaf;
  font-weight: 300;
  margin: 0 0 30px 0;
  height: 60px;
  width: 97.5%;
  font-family: "Roboto";
  padding-left: 15px;
}

.register_form input, .register_form textarea {
  padding-left: 10px;
  float: left;
  width: 380px;
  height: 30px;
  resize: none;
  margin-bottom: 20px;
}

.register_form textarea {
  height: 100px;
}

.register_form label {
  display: block;
  float: left;
  width: 450px;
  text-align: right;
  margin-right: 20px;
}

.register_form .checkbox input {
  width: 20px;
  margin-right: 20px;
  margin-left: 230px;
  height: 22px;
}

.register_form .checkbox label {
  width: 460px;
  text-align: justify;
  margin-right: 0;
  line-height: 20px;
  height: auto;
}

.register_form .checkbox {
  clear: both;
}

.register_form select {
  height: 30px;
  margin-bottom: 20px;  
  width: 100px;
  border: 1px solid rgb(227, 227, 227);
}

.register_form div {
  clear: both;
}

#kontakt textarea {
  line-height: inherit;
  padding-top: 20px;
  resize: none;
  padding-left: 15px;
  width: 99%;
  height: 180px;
}

#kontakt label {
  display: none;
}

#kontakt .imie, #kontakt .telefon {
  float: left;
  width: 47%;
}

#kontakt .telefon {
  float: right;
}

#kontakt .mail {
  float: left;
  width: 47%;
}

#kontakt select {
  padding: 18px 10px;
  width: 100%;
  display: block;
}

#kontakt .cms_submit, .register_form .cms_submit  {
  border: 1px solid rgb(91,184,69);
  color: #ffffff;
  background-color: rgb(91,184,69);
  width: 270px;
  height: 72px; 
  float: left;
  font-size: 20px;
  padding: 0;
  cursor: pointer;
}

.register_form .submit {
  padding-top: 25px;
  padding-bottom: 25px;
}

.register_form .cms_submit {
  float: none;
  margin: auto;
  display: block;
}

#kontakt .zgoda input {
  width: 20px;
  float: left;
}

#kontakt .zgoda_text {
  font-size: 13px;
  float: left;
  width: 90%;
  margin: 0 0 40px 0;
  text-align: justify;
}

.register_form {

}

footer {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px 0 40px 0;
  text-align: center;
  color: #555555;
  font-size: 13px;
  font-weight: 300;
}

#kontakt.page {
  padding-top: 58px;
}

#copy {
  font-size: 15px;
  margin-bottom: 0;
  margin-top: 0;
  color: #ffffff;
}

.zielony {
  color: #5bb845;
}

.slicknav_menu {
  display: none;
}

header .row1 {
  /*border-bottom: 1px solid rgb(238,238,238);*/
  padding-bottom: 33px;
}

.owl-dot span {
  width: 25px !important;
  height: 5px !important;
}

.tab-content {
  margin-bottom: 50px;
}

.tab-content > div {
  padding-top: 30px;
}

.tab-content ul li, .tab-content ol li {
  font-weight: 300;
  font-size: 17px;
  margin-bottom: 5px;
}

.nav-tabs li.active a {
  color: #5bb845; 
}

#content .tab-content h3 {
  color: #5bb845;
  font-size: 24px;
  margin-bottom: 20px;
  display: block;
}

#content .tab-content h4 {
  display: block;
  font-size: 17px;
  color: #5bb845;
}

.nav-tabs {
  margin-top: 40px;
  clear: both;
  padding-left: 0 !important;
}

.nav-tabs li {
  font-weight: bold;
}

.tab-pane {
  padding: 0 15px;
  text-align: justify;
}

#content .calosc h2 {
  font-size: 24px;  
  margin-top: 20px;
  display: block;
}

#content .calosc hr {
  border: 0; 
  height: 1px; 
  background-image: linear-gradient(to right, rgba(91, 184, 69, 0), rgba(91, 184, 69, 0.75), rgba(91, 184, 69, 0));
}

.panstwo {
  width: 100%;  
  position: relative;
}

.panstwo img {
  width: 100%;
  height: auto;
}

.panstwo .tabela {
  position: absolute;
  top: 5%;
  left: 3%;
  background-color: rgba(91, 184, 69, 0.85);
  color: #ffffff;
  /*border: 1px solid #ffffff;*/
  border-radius: 3px;
  padding: 15px 20px;
}

.panstwo table {
  border-spacing: 0px;
  border-collapse: collapse;
}

.panstwo .tabela tr {
  border-bottom: 1px dotted #ffffff;
}

.panstwo .tabela th {
  font-size: 20px;
  padding: 5px 4px;   
}

.panstwo .tabela td {
  font-size: 13px;
  padding: 5px 4px 5px 15px;                   
}

#content .oferta_linki p {
  font-weight: bold;
}

.oferta_linki {
  display: none;
}

.oferta_linki a {
  color: rgb(91, 184, 69);
  text-decoration: underline;
  font-weight: initial;
}

#register, #currentoffers {
  background-color: rgb(91, 184, 69);
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  line-height: 16px;
  height: auto;
  text-align: center;
  width: 170px;  
  padding: 10px 20px;
  font-weight: 700;
  margin-top: 20px;
  position: fixed;
  left: 6%;
  bottom: 0;
  text-transform: uppercase;
  z-index: 100;
}

#currentoffers {
  bottom: 38px;
}


#cv, #ac, #ia, #coe, #pt, #attnc {
  cursor: pointer;
}

#cv_txt, #ac_txt, #ia_txt, #coe_txt, #pt_txt, #attnc_txt {
  display: none;
}

#content #cv_txt p, #content #ac_txt p, #content #ia_txt p, #content #coe_txt p, #content #pt_txt p, #content #attnc_txt p{
  font-size: 14px;
}

#content #cv_txt ul, #content #ac_txt ul, #content #ia_txt ul, #content #coe_txt ul, #content #pt_txt ul, #content #attnc_txt ul{
  font-size: 14px;
}

#cv_txt a, #ac_txt a, #ia_txt a, #coe_txt a, #pt_txt a, #attnc_txt a {
  text-decoration: underline;
}

#media {
  
}

#media > p { 
  cursor: pointer;
}

#media .img .foto {
  border: 1px solid #555555;
}

#sekcja2 .onas {
  width: 33.3%;
  float: left;
  margin-top: 10px;
}

#sekcja2 .onas h4 {
  text-transform: uppercase;
}

#sekcja2 .kafle {
  width: 20%;
  float: left;
}

#sekcja2 .kafle .haslo {
  height: 100px;
  background-color: rgb(91, 184, 69);
  border-radius: 50%;
  border: 2px solid #ffffff;
  color: #ffffff;
}

#sekcja2 .kafle .strzalka img {
  display: block;
  width: 50px;
  height: auto;
  margin: auto; 
}

#sekcja3 {
  background-color: #ffffff;
  background-image: none;
  color: #555555;
  height: auto;
  padding-bottom: 30px;
}

#sekcja3 h3 {
  border-bottom: 1px solid #555555;
  margin-bottom: 40px;
  width: 30%;
}

#sekcja3 .apteczka {
  width: 151px;
  height: 151px;
  border-radius: 50%;
  border: 1px solid #555555;
  margin: 20px auto 0 auto;
}

#sekcja3 img {
  width: 80px;
  height: auto;
  display: block;
  margin: 30px auto 0 auto;
}

.calosc.home img {
  width: 100%;
  height: auto;
}

.trzy {
  width: 25%;
  float: left;
}

.trzy.srodek .dane {
  text-align: left;
}

#kontakt2 h4 {
  margin: 0;
  color: #ffffff;
  text-align: left;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 30px;
  margin-bottom: 10px;
}

.trzy.srodek h4, .trzy.prawa h4 {
  width: 80%;
  float: right;
}

#mapa {
  width: 60%;
  margin: auto;
}

#header {
  transition: all 0.1s ease-in-out 0s;
}

#header.small {
  height: 40px;
  padding-top: 30px;
  padding-bottom: 15px;
  transition: all 0.1s ease-in-out 0s;
  box-shadow: 0 0 3px #ccc;
}

#header.small #jezyki2 {
  display: block !important;
}


#header.small #menu, #header.small #jezyki2 {
  margin-top: 0;
}

#header.small .logo {
  /*width: 230px;  */
  width: 137px;
  height: auto;
  padding-top: 0;
  transition: all 0.1s ease 0s
}
       
.down {
  margin-top: 8px;
}

#zespol_gal, #oferta {
  width: 100%;   
  margin-top: 30px;
}

#zespol_gal .img, #oferta .img {
  width: 25%;
  float: left;
  padding: 0 40px;
  box-sizing: border-box;
  margin-bottom: 40px;
}

#zespol_gal .img .foto, #oferta .img .foto {
  position: relative;
}  

#zespol_gal .img img, #oferta .img img {
  width: 100%;
  height: auto;
}

#zespol_gal .img .foto > div, #oferta .img .foto > div {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(91, 184, 69, 0.95);
  top: 0;
  box-sizing: border-box;
  padding-top: 80px;
}

#zespol_gal .img .foto p, #oferta .img .foto p {
  font-size: 17px;
  text-align: center;
  color: #ffffff;
  font-weight: 500;
  line-height: 15px;
}

.oferta #zespol_gal .img .foto p, .oferta #oferta .img .foto p {
  font-size: 15px;
  padding: 0 5px;
}

#zespol_gal .img .foto:hover > div, #oferta .img .foto:hover > div {
  display: block;  
}

#media .img .foto:hover > div {
  cursor: pointer;  
}

#zespol_gal .img .opis, #oferta .img .opis {
  margin-top: 10px;
  height: 80px;
}

#zespol_gal .img .opis p, #oferta .img .opis p {
  text-align: center;
  margin-bottom: 3px;
  height: 42px;
}

#zespol_gal .img .opis p > strong, #oferta .img .opis p > strong {
  text-transform: uppercase;
}

ul.cssmap {
  float: right;
}

#content.page .h1_1, #content.page .h1_40, #content.page .h1_50 {
  font-size: 40px;
  color: #555555;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #555555;
  width: 25%; 
  display: block;
  margin: 10px auto 35px;
}

#content.page .h1_40 {width: 40%;}
#content.page .h1_50 {width: 50%; margin-top: 40px;}

.oferta .img .opis {
  display: none;
}

.oferta #zespol_gal .img, .oferta #oferta .img {
  padding: 0 20px;
}

.oferta #zespol_gal .img .foto > div, .oferta #oferta .img .foto > div {
  padding-top: 15%;   
}

.polowa.language {
  padding-left: 20px;
  box-sizing: border-box;
}

.polowa.language img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
}

#content ul.nostyle {
  margin-left: 0;
  padding-left: 0;
}

.nostyle li {
  list-style-type: none;
}

.inthemedia .calosc, .offers .calosc {
    /*width: 100%;
    background: url('/uploads/images/projekt in the media.png') fixed no-repeat center top;
    background-size: 88%;
    background-position-y: 150px;
    */
}

.offers .calosc {
/*
    background: url('/uploads/images/offers.jpg') fixed no-repeat center top;
    background-size: 88%;
    background-position-y: 150px;
    */
}

.inthemedia h1, .polowa,.inthemedia .polowa, .offers h1, .offers > p, .offers .oferta_calosc {background: rgba(255, 255, 255, 0.84);}
.imgsmedia {opacity:0}
.mobileintehmedia {display:none}

#content.page.inthemedia, #content.page.offers {

    margin-top: 50px;
}
#accordion h3 {display:block ;  margin: 5px 0 0 0; color: #5bb845;}

.mobileintehmedia .inthemedialogos img{max-width:100px; height:auto}

.mediatable {

}

#content.page .podpis {
  font-size: 14px;
  text-align: center;
  line-height: 16px;
  margin-top: 0;
  margin-bottom: 30px;
}

#accordion.ui-widget {
  font-family: "Lato";
}

#accordion.ui-widget h3 {
  font-size: 15px;
}

#accordion.ui-widget td {
  padding: 5px 0;
  /*font-weight: 300;*/
}

.ui-widget-content p {
  font-weight: 500 !important;
}

#oferta .foto {
  width: 100%;
  height: 91px;
  background-color: #f6f6f6; 
  -webkit-box-shadow: 3px 4px 12px -1px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 4px 12px -1px rgba(0,0,0,0.75);
  box-shadow: 3px 4px 12px -1px rgba(0,0,0,0.75);
  border-radius: 3px;
}

#oferta .img .foto > div {
  background-color: rgb(91, 184, 69);
  border-radius: 3px;
  text-transform: uppercase;
  //display: table;
}

#oferta .img .foto > div a {
  font-size: 15px;      
}

#oferta .img .foto {
  display: table;
}

#oferta .img .foto > p {
  text-transform: uppercase;
  color: rgb(91, 184, 69);
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
  line-height: 22px;
}

#oferta .img .foto:hover {
  display: block;
}   

#informacje {position: fixed; top: 130px; z-index: 50; display: block; width: 100%;}
#informacje.small {top: 85px;}

#pasek-napis {
  box-sizing: border-box;
  position:relative;
  width:100%;
  height:30px;
  line-height: 30px;
  margin:0 auto;
  font-size:17px;
  background-color:rgb(91, 184, 69);
  overflow:hidden;
  color: #ffffff;
}

#pasek-napis > p {
  position: absolute;
  margin:0;
  white-space:nowrap;
  animation:przesun 30s linear infinite;
  -webkit-animation:przesun 30s linear infinite; /* dla Google Chrome, Safari, Opera 15+ */
}

/*
#pasek-napis > p:hover {
  animation-play-state:paused;
  -webkit-animation-play-state:paused;
}
*/

/* ------------ANIMACJA-PRZESUN------------ */
@keyframes przesun
{
  0% { transform:translateX(0); padding-left:100%; }
  100% { transform:translateX(-100%); padding-left:100%; }
}

@-webkit-keyframes przesun /* dla Google Chrome, Safari, Opera 15+ */
{
  0% { -webkit-transform:translateX(0); padding-left:100%; }
  100% { -webkit-transform:translateX(-100%); padding-left:100%; }
}

#regulamin {color: #ffffff; font-size: 15px; text-transform: uppercase;}
#regulamin a {text-decoration:underline;}

#advisors {width: 100%;}
#advisors img {float: left; width: 20%; height: auto; box-sizing: border-box;}
#advisors .opis {float: left; width: 40%; box-sizing: border-box; padding: 0 10px;}

#content.page .rodo {width: 80%; margin: auto; font-size: 14px; text-align: justify; line-height: 18px;}
#content.page .rodo p {font-size: 14px; text-align: justify; line-height: 18px;}
#content.page .rodo ul, #content.page .rodo ol {font-size: 14px; text-align: justify;}
#content.page .rodo ol {padding-left: 10px;}
#content.page .rodo li {line-height: 18px; margin-bottom: 2px; text-align: justify;}

@media (max-width: 1250px) {
  #zespol_gal .img .opis p, #oferta .img .opis p {
    height: 60px;
    line-height: 20px;
  }
  #zespol_gal .img, #oferta .img {
    margin-bottom: 65px;
    margin-bottom: 65px;
    padding: 0 20px;
  }
}

@media (max-width: 1150px) {
  .row1 {
    width: 95%;
  }
  h1.arrival {
    width: 90%;
  }
  h1.arrival_pl {
    width: 95%;
  }
}

@media (max-width: 1075px) {
  .panstwo .tabela th {
    font-size: 13px;
  }
  .nav > li > a {
    padding: 10px 10px !important;
    font-size: 12px;
  }
}
@media (max-width: 1040px) {
  #sekcja2 h3 {width: 100%;}
  #sekcja2 {height: 550px;}
  #sekcja2 h4 {font-size: 18px;}
  #content.page .h1_40 {width: 50%;}
  #content.page .h1_50 {width: 60%;}
}

@media (max-width: 1025px) {
  #content.home h1 {
    width: 90%;
  }
  #sekcja3 h3 {
    width: 50%;
  }
  #slider_produkt1 .opis > div {
    left: 0;
    width: 100%;
  }
  #slider_produkt .opis > div {
    left: 0;
    width: 100%;
  }
  .a_logo, .a_logo > .logo {
    display: block;
    margin: auto;
    float: none;
  }
  .a_logo {
    padding-top: 15px;
  }
  #menu {
    float: none;
    margin-top: 20px;
  }
  #menu ul {
    text-align: center;
  }  
  header .row1 {
      padding-bottom: 17px;
  }
  #header.small { 
    padding-top: 0;
    height: 100px;
  }
  #header.small .a_logo {
    padding-bottom: 10px;
  }
  #baner, #slider_produkt {
    margin-top: 190px;
  }
  #zespol_gal .img .foto > div, #oferta .img .foto > div {
    padding-top: 60px;
  }
  h1.register {
    margin-top: 90px !important;
    width: 60%;
  }
  .register_form input, .register_form textarea {
  
  }
  h1.language {
    width: 80%;
  }
  .offers .calosc {
    background: rgba(0, 0, 0, 0) url("/uploads/images/offers.jpg") no-repeat fixed center 210px / 88% auto;
  }
  .inthemedia .calosc {
    background: rgba(0, 0, 0, 0) url("/uploads/images/projekt in the media.png") no-repeat fixed center 210px / 88% auto;
  }
  .offers h1, .inthemedia h1 {
    margin-top: 65px !important;
  }
  .register_form input, .register_form textarea {
    width: 50%;
  }
  .register_form label {
    width: 35%;
    line-height: 17px;
  }
  .register_form {
    width: 100%;
  }
  
  .oferta #oferta .img .foto p {
    font-size: 15px;
  }
  #informacje {top: 170px;}
    
}

@media (max-width: 930px) {
  h1.recruitment, .h1_30 {
    width: 60%;
  }
  .offers h1 {
    width: 80% !important;
  }
  .nav > li > a {
    padding: 10px 8px !important;
    font-size: 11px;
  }
  h1.sweden, h1.france {
    width: 40%;
  }
  h1.uk {
    width: 80%;
  }
  .oferta #oferta .img .foto > div {
    padding-top: 0;
    height: 100%;    
  }
  #oferta .img .foto:hover > div {
    display: table;
  }  
  .oferta #oferta .img .foto > div > p {
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
  }
}

@media (max-width: 870px) {
  #kontakt2 h4 {
    font-size: 12px;
  }
  #kontakt2 .dane {
    font-size: 11px;
    line-height: 20px;
  }
  #baner .opis h2, #slider_produkt .opis h2 {
    font-size: 38px;
  }
  #slider_produkt1 .opis h1 {
    font-size: 26px;
	 border-bottom: 0px;
  }
  #content.home h1 {
    font-size: 32px;
  }
  #sekcja2 h3, #sekcja3 h3 {
    font-size: 32px;
  }
  #zespol_gal .img .foto > div {
    padding-top: 50px;
  }
  #zespol_gal .img .foto p {
    font-size: 14px;
  }
  h1.about, #content.page .h1_1 {
    width: 45%;
  }
  .oferta #zespol_gal .img {
    width: 33.3%;
  }
  .oferta #zespol_gal .img .foto p {
      font-size: 16px;
  }
  .panstwo .tabela th, .panstwo .tabela td {
    font-size: 11px;
  }
  .panstwo .tabela {
    left: 1%;
    top: 1%;
  }  
  #oferta .img {
    width: 33.3%;
  }
  #content.page .h1_40 {width: 60%;}
  #content.page .h1_50 {width: 70%;}
}

@media (max-width: 800px) {
  .nav > li > a {
    padding: 10px 6px !important;
    font-size: 10px;
  }
  #sekcja2 {height: 600px;}
}
  
@media (max-width: 760px) {
  h1.norway, h1.support, h1.denmark {
    width: 50%;
  }
  .panstwo .tabela th, .panstwo .tabela td {
    font-size: 10px;
  }  
}

@media (max-width: 725px) {
  .panstwo {
    overflow: hidden;
  }
  .panstwo > img {
    height: 400px;
    width: auto;
  }
  .panstwo .tabela th, .panstwo .tabela td {
    font-size: 13px;
  } 
  .panstwo .tabela {
    left: 3%;
    top: 3%;
  }
  #slider_produkt.pl .opis > div {
    bottom: 0;
    left: 3%;
    width: 95%;
  }
  #slider_produkt.pl {
    margin-top: 225px;
  }
}

@media (max-width: 700px) {
  #kontakt2 h4 {
    font-size: 14px;
  }
  #kontakt2 .dane {
    font-size: 14px;
    line-height: 22px;
  }
  .trzy {
    width: 100%;
    float: none;
  }
  #kontakt2 .kontakt.en img {
    padding-right: 17px;
    width: 12px;
    float: left;
    margin-top: 3px;
  }
  #kontakt2 .kontakt.en .dane {
    float: left;
  }
  .trzy.srodek h4, .trzy.prawa h4 {
    float: none;
  }
  footer {
    padding: 10px 0 40px 0;
  }
  #zespol_gal .img .opis p {
    font-size: 15px;
  }
  #zespol_gal .img {
    margin-bottom: 65px;
    padding: 0 5px;
  }  
  .oferta #zespol_gal .img .foto p {
    font-size: 14px;
  }
  footer {
    padding-bottom: 80px;
  }
  #content.page .h1_40 {width: 80%;}
  #content.page .h1_50 {width: 90%;}
  .register_form label {width: 40%;}  
}

@media (max-width: 650px) {
  #baner .opis h2, #slider_produkt .opis h2 {
    font-size: 30px;
  }
  #slider_produkt1 .opis h1 {
    font-size: 30px;
  }
  #slider_produkt .opis > div {
    bottom: 0;
  }
  #slider_produkt1 .opis > div {
    bottom: 0;
  }
  #content.home h1 {
    width: 100%;
    font-size: 24px;
  }
  #sekcja2 h3, #sekcja3 h3 {
    font-size: 24px;
  }  
  .slicknav_menu {
    display: block;
  }
  #jezyki2 {
    float: none;
    margin: auto;
    width: 70px;
  }  
  #menu > ul {
    display: none;
  }
  header .row1 {
    width: 100%;  
  }
  #menu .slicknav_menu li {
    display: block;
    margin-right: 0;
  }
  #menu .slicknav_menu li.currentpage > a {
    color: #fff;
    font-weight: bold;
  }
  #menu .slicknav_menu ul ul {
    border-bottom: none;
  }
  header .row1 {
    padding-bottom: 0;
  }
  #zespol_gal .img .foto > div {
    padding-top: 40px;
  }
  .polowa, .polowa.foto, .polowa.language {
    float: none;
    width: 100%;
    padding-left: 0;
  }
  .polowa.onas > div {
    padding-right: 0 !important;
  }  
  .polowa.foto img, .polowa.language img {
    width: 100%;
  }
  h1.register {
    width: 80%;
  }  
  #content.page2 {
      padding-top: 110px;
  }
  #header.small #jezyki2 {
    padding-bottom: 10px;
  }
  #oferta .img {
    width: 50%;
  }
  #informacje {
    top: 197px;
  }
  #sekcja2, #sekcja2.pol {background-color: rgb(108, 168, 95); height: auto; background-image: none;}
}

@media (max-width: 600px) {
  #zespol_gal .img {
    width: 50%;
  }
  #zespol_gal .img .foto p {
    font-size: 17px;
  }  
  #zespol_gal .img .foto > div {
    padding-top: 70px;
  }
  .oferta #zespol_gal .img {
    width: 50%;
  }  
  #advisors img {float: none; margin: auto; display: block; width: 70%; margin-bottom: 20px;}
  #advisors .opis {float: none; padding: 0; display: block; width: 100%;}
}

@media (max-width: 550px) {
  #sekcja2 .onas {
    width: 100%;
    float: none;
  }
  #sekcja2 {
    background-image: none;
    background-color: rgb(108,168,95);
    height: auto;
  }
  #sekcja2, #sekcja3 {
    padding: 30px 0 50px 0;
  }
  #social_icons {
    width: 150px;
  }
  #kontakt-header {
    width: 330px;
    padding: 10px 0 0 0;
  }
  #social_icons, #kontakt-header {
    float: none;
    margin: 0 auto;
  }
  #baner, #slider_produkt {
    margin-top: 220px;
  }
  #slider_produkt1 {
    margin-top: 30px;
  }
  #baner .opis a, #slider_produkt .opis a {
    font-size: 16px;
    width: 180px;
    height: 35px;
    line-height: 35px;
  }
  #slider_produkt1 .opis a {
    font-size: 16px;
    width: 180px;
    height: 35px;
    line-height: 35px;
  }
  #baner .opis h2, #slider_produkt .opis h2 {
    margin-bottom: 0;
    line-height: 34px;
  }
  #slider_produkt1 .opis h1 {
    margin-bottom: 0;
    line-height: 20px;
  }
  #baner .opis p, #slider_produkt .opis p {
    margin-top: 0px;
    font-size: 14px;
  }
  #slider_produkt1 .opis h6 {
    margin-top: 0px;
    font-size: 14px;
  }
  #content.home h1 {
    padding-top: 45px;
  }
  h1.about, #content.page .h1_1 {
    width: 65%;
  }
  h1.recruitment, .h1_30 {
    width: 80%;
  }
  h1.norway, h1.support, h1.denmark {
    width: 80%;
  }
  h1.sweden, h1.france {
    width: 80%;
  }
  #informacje {
    top: 205px;
  }
  #content.page .h1_40 {width: 90%;}
  #content.page .h1_50 {width: 95%;}
}

@media (max-width: 500px) {
  h1.register {
    width: 95%;
  }
  h1.uk {
    width: 95%;
  }
}

@media screen and (max-width: 480px) {
  .a_logo .logo {
    /*width: 300px;*/ 
  }
  #baner, #slider_produkt {
    margin-top: 205px;
  }
  #slider_produkt1 {
    margin-top: 50px;
  }
  #slider_produkt1 .opis h1 {
    font-size: 14px;
    line-height: 14px;
  }
  #slider_produkt1 .opis h6 {
    font-size: 14px;
    margin-bottom: 2px;
  }
  #slider_produkt1 .opis a {
    font-size: 10px;
    width: 80px;
    height: 10px;
    line-height: 10px;
  }
  #zespol_gal .img .foto > div {
    padding-top: 55px;
  }
  .inthemedia .calosc {
    background: none;
  }
  .register_form .checkbox label {
    width: 100%;
  }
  .panstwo .tabela th, .panstwo .tabela td {
    font-size: 11px;
  } 
  .panstwo .tabela {
    left: 1%;
    top: 1%;
  }
  #oferta .img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
}

@media (max-width: 435px) { 
  #baner .opis h2, #slider_produkt .opis h2 {
    font-size: 20px;
    line-height: 24px;
  }   
  #slider_produkt1 .opis h1 {
    font-size: 14px;
    line-height: 14px;
  }
  #slider_produkt1 .opis h6 {
    font-size: 14px;
    margin-bottom: 2px;
  }
  #slider_produkt1 .opis a {
    font-size: 10px;
    width: 80px;
    height: 10px;
    line-height: 10px;
  }
  .oferta #zespol_gal .img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }     
  .oferta #zespol_gal .img .foto p {
      font-size: 14px;
  }
  #mapa {
    width: 100%;
  }
  ul.cssmap {
    float: none;
    margin: auto !important;
    display: block;
  }
  #advisors img {width: 100%;}
}

@media (max-width: 395px) {
  .panstwo > img {
    display: none;
  }
  .panstwo .tabela { 
    position: initial;
  }
}

@media (max-width: 380px) {
  #zespol_gal .img .foto > div {
    padding-top: 45px;
  }
  #zespol_gal .img .foto p {
    font-size: 14px;
  } 
  h1.about, #content.page .h1_1 {
    width: 85%;
  }
  #baner, #slider_produkt {
    margin-top: 238px;
  }
  #slider_produkt1 {
    margin-top: 50px;
  }
  #slider_produkt.pl {
    margin-top: 236px;
  }  
  #baner .opis h2, #slider_produkt .opis h2 {
    font-size: 18px;
    line-height: 19px;
  }
  #slider_produkt1 .opis h1 {
    font-size: 13px;
    line-height: 13px;
  }
  #baner .opis p, #slider_produkt .opis p {
    font-size: 12px;
    margin-bottom: 2px;
  }
  #slider_produkt1 .opis h6 {
    font-size: 14px;
    margin-bottom: 2px;
  }
  #slider_produkt .opis > div {
    bottom: 20px;
  }
  #slider_produkt1 .opis > div {
    bottom: 20px;
  } 
  #slider_produkt.pl .opis > div {
    bottom: 20px;
  }
  #slider_produkt1 .opis a {
    font-size: 10px;
    width: 80px;
    height: 10px;
    line-height: 10px;
  }
  #informacje {
    top: 208px;
  }
}

@media (max-width: 350px) {
  .ui-accordion-content {
    padding: 10px 5px !important;    
  }
  #slider_produkt.pl .opis > div {
    bottom: 5px;
  }
}

@media (max-width: 330px) {
  #kontakt-header {
    font-size: 14px;                            
  }
}