/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015-04-30, 10:24:30
    Author     : ppolkowski
*/
/* 
    Created on : 2015-03-23, 07:11:25
    Author     : msulej
*/
/* wysokosc headera */
/* wysoksc linii 70px */
/* klasy fontow do paneli */
/* margines globalny */
.after {
  content: " ";
  visibility: visible;
  display: block;
  position: absolute;
}
*::-webkit-input-placeholder {
  -webkit-opacity: 1 !important;
}
*:-moz-placeholder {
  /* FF 4-18 */
  opacity: 1 !important;
}
*::-moz-placeholder {
  /* FF 19+ */
  opacity: 1 !important;
}
*:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1 !important;
}
/* usefull */
.outline {
  outline: 1px dotted red;
}
.pink {
  background: pink;
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.after {
  content: " ";
  visibility: visible;
  display: block;
}
a:hover {
  cursor: pointer;
}
.intro .panel-1 {
  background-position: 50% 0;
  bottom: 0;
  color: #fff;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
}
.intro .panel-1 .media {
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  opacity: .9;
  padding: 0 50px;
  position: absolute;
  right: 0;
  top: auto;
}
.intro .panel-1 h1 {
  font: 700 60px "Lato", sans-serif;
  text-indent: 0;
  visibility: visible;
}
.intro .panel-1 p {
  display: block;
  font: 300 50px/50px "Lato", sans-serif;
  margin: 0;
  padding: 2.5% 1.25%;
  text-align: center;
}
.intro .panel-1 .button {
  border: 0;
  bottom: 0;
  left: 50%;
  line-height: 0;
  margin: 0 0 2.5% -35.5px;
  opacity: .75;
  padding: 0;
  position: relative;
  transition: ease-in-out 0.3s;
  width: 71px;
}
.intro .panel-1 img {
  max-width: 100%;
}
.intro .panel-1 .button:hover {
  opacity: 1;
}
@media screen and (max-width: 1440px) {
  .intro .panel-1 p {
    font-size: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 1040px) {
  .intro .panel-1 p {
    font-size: 30px;
    line-height: 35px;
  }
  .intro .panel-1 .button {
    width: 53.25px;
    margin-left: -26.625px;
  }
}
@media screen and (max-width: 960px) {
  .intro .panel-1 h1 {
    font: 700 30px "Lato", sans-serif;
    margin-bottom: 2.5%;
  }
  .intro .panel-1 p {
    font-size: 25px;
    line-height: 25px;
    padding: 3% 1.25% 1.66666667%;
  }
  .intro .panel-1 .button {
    width: 35.5px;
    margin-left: -17.75px;
  }
}
@media screen and (max-width: 600px) {
  .intro .panel-1 h1 {
    font: 700 30px "Lato", sans-serif;
    width: 100%;
  }
  .intro .panel-1 p {
    font-size: 25px;
    line-height: 30px;
    padding: 4% 1.25% 1.66666667%;
  }
}
.intro .panel-1 {
  background-image: url(../images/contact/contact-top.jpg);
  padding-left: 20%;
  padding-right: 20%;
}
.intro .panel-1 p {
  color: #fff;
  font: 300 50px "Lato", sans-serif;
  padding: 0;
  margin-top: 20%;
}
.intro .panel-1 h1 {
  color: #fff;
  font: 900 70px "Lato", sans-serif;
  margin-top: 2.5%;
}
@media screen and (max-width: 1440px) {
  .intro .panel-1 h1 {
    font: 900 38px "Lato", sans-serif;
    line-height: 48px;
  }
  .intro .panel-1 p {
    font: 300 25px "Lato", sans-serif;
    line-height: 30px;
    margin-top: 30%;
  }
}
@media screen and (max-width: 960px) {
  .intro .panel-1 h1 {
    font: 900 35px "Lato", sans-serif;
    line-height: 37px;
  }
  .intro .panel-1 p {
    font: 300 25px "Lato", sans-serif;
    line-height: 27px;
    margin-top: 40%;
  }
}
@media screen and (max-width: 600px) {
  .intro .panel-1 h1 {
    font: 900 30px "Lato", sans-serif;
    line-height: 32px;
  }
  .intro .panel-1 p {
    font: 300 23px "Lato", sans-serif;
    line-height: 25px;
    margin-top: 50%;
  }
}

/* contact transrisk */
.intro .panel-2 {
  background-position: 50% 0;
  bottom: 0;
  color: #fff;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
}
.intro .panel-2 .media {
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  opacity: .9;
  padding: 0 50px;
  position: absolute;
  right: 0;
  top: auto;
}
.intro .panel-2 h1 {
  font: 700 60px "Lato", sans-serif;
  text-indent: 0;
  visibility: visible;
}
.intro .panel-2 p {
  display: block;
  font: 300 50px/50px "Lato", sans-serif;
  margin: 0;
  padding: 2.5% 1.25%;
  text-align: center;
}
.intro .panel-2 .button {
  border: 0;
  bottom: 0;
  left: 50%;
  line-height: 0;
  margin: 0 0 2.5% -35.5px;
  opacity: .75;
  padding: 0;
  position: relative;
  transition: ease-in-out 0.3s;
  width: 71px;
}
.intro .panel-2 img {
  max-width: 100%;
}
.intro .panel-2 .button:hover {
  opacity: 1;
}
@media screen and (max-width: 1440px) {
  .intro .panel-2 p {
    font-size: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 1040px) {
  .intro .panel-2 p {
    font-size: 30px;
    line-height: 35px;
  }
  .intro .panel-2 .button {
    width: 53.25px;
    margin-left: -26.625px;
  }
}
@media screen and (max-width: 960px) {
  .intro .panel-2 h1 {
    font: 700 30px "Lato", sans-serif;
    margin-bottom: 2.5%;
  }
  .intro .panel-2 p {
    font-size: 25px;
    line-height: 25px;
    padding: 3% 1.25% 1.66666667%;
  }
  .intro .panel-2 .button {
    width: 35.5px;
    margin-left: -17.75px;
  }
}
@media screen and (max-width: 600px) {
  .intro .panel-2 h1 {
    font: 700 30px "Lato", sans-serif;
    width: 100%;
  }
  .intro .panel-2 p {
    font-size: 25px;
    line-height: 30px;
    padding: 4% 1.25% 1.66666667%;
  }
}
.intro .panel-2 {
  background-image: url(../images/contact/contact-top-transrisk.jpg);
  padding-left: 20%;
  padding-right: 20%;
}
.intro .panel-2 p {
  color: #fff;
  font: 300 50px "Lato", sans-serif;
  padding: 0;
  margin-top: 20%;
  	text-shadow: 2px 2px 2px #2D2F2B;
}
.intro .panel-2 h1 {
  color: #fff;
  font: 900 70px "Lato", sans-serif;
  margin-top: 2.5%;
  	text-shadow: 2px 2px 2px #2D2F2B;
}

.form-contact li::before {
    content: "•";
    font-size: 15px;
    left: 0;
    color:#1b9edf;
}
@
media screen and (max-width: 1440px) {
  .intro .panel-2 h1 {
    font: 900 38px "Lato", sans-serif;
    line-height: 48px;
  }
  .intro .panel-2 p {
    font: 300 25px "Lato", sans-serif;
    line-height: 30px;
    margin-top: 30%;
  }
}
@media screen and (max-width: 960px) {
  .intro .panel-2 h1 {
    font: 900 35px "Lato", sans-serif;
    line-height: 37px;
  }
  .intro .panel-2 p {
    font: 300 25px "Lato", sans-serif;
    line-height: 27px;
    margin-top: 40%;
  }
}
@media screen and (max-width: 600px) {
  .intro .panel-2 h1 {
    font: 900 30px "Lato", sans-serif;
    line-height: 32px;
  }
  .intro .panel-2 p {
    font: 300 23px "Lato", sans-serif;
    line-height: 25px;
    margin-top: 50%;
  }
}

/* form */
.form-contact {
  padding: 5% 10px 0;
}
.form-contact .inbox {
  padding-bottom: 5%;
}
.form-contact .col {
  padding: 0 1%;
  text-align: left;
}
.form-contact .col:first-child {
  text-align: right;
}
@media screen and (max-width: 860px) {
  .form-contact .col {
    width: 100%;
  }
  .form-contact .col {
    text-align: center !important;
  }
}
.form-contact h2 {
  font: 300 70px "Lato", sans-serif;
  color: #556677;
  padding-top: 60px;
}
@media screen and (max-width: 900px) {
  .form-contact h2 {
    font: 300 50px "Lato", sans-serif;
  }
}
@media screen and (max-width: 600px) {
  .form-contact h2 {
    font: 300 35px "Lato", sans-serif;
  }
}
.form-contact p {
  font: 300 22px "Lato", sans-serif;
  color: #848792;
  padding: 20px 0 40px;
}
.form-contact input {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 1px;
  border-color: #b4b4b4;
  height: 53px;
  width: 70%;
  margin-bottom: 25px;
  padding: 0 27px;
  font-size: 22px;
}
.form-contact textarea {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 69%;
  height: 200px;
  padding: 15px 27px;
  margin-bottom: 43px;
  border: 1px solid #b4b4b4;
  font-size: 22px;
}
.form-contact .button {
  background: #209fcf;
  border: none;
  padding-left: 60px;
  padding-right: 60px;
  height: auto;
  width: auto;
}
/* panel-3 */
.panel-3 ul {
  margin: 0;
}
.panel-3 h2 {
  color: #556677;
  padding-bottom: 5%;
}
.panel-3 li {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 2%;
  margin-bottom: 5%;
}
.panel-3 li::before {
  content: "";
}
.panel-3 li > div {
  background: #ffffff;
}
.panel-3 .label {
  font: 700 23px "Lato", sans-serif;
  padding: 30px 15px 15px 0;
  color: #0c193b;
}
.panel-3 .thumb img {
  width: 100%;
}
.panel-3 .txt {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  padding: 30px 20px;
}
.panel-3 .txt h3 {
  font: 300 25px/25px "Lato", sans-serif;
  color: #556677;
  margin: 0;
}
.panel-3 .txt p {
  font: 300 20px/25px "Lato", sans-serif;
  color: #556677;
  text-align: left;
}
.panel-3 .txt span {
  font: 300 17px/20px "Lato", sans-serif;
  display: block;
  padding: 7px 0 7px;
  color: #556677;
}
/* panel-5 */
.panel-5 {
  background: #fff;
}
.panel-5 .paneles {
  padding: 0;
  margin-bottom: 0;
  min-height: auto;
}
.panel-5 h2 {
  color: #556677;
  font: 400 35px "Lato", sans-serif;
  padding: 10% 5.32% 0 10%;
}
.panel-5 p {
  color: #556677;
  font: 300 25px "Lato", sans-serif;
  padding: 0 5.32% 2% 10%;
}
.google-maps {
  position: relative;
  padding-bottom: 40%;
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/* panel-6 */
.panel-6 {
  padding-bottom: 5%;
}
.panel-6 h2 {
  color: #556677;
  font: 900 50px "Lato", sans-serif;
}
.panel-6 p {
  color: #556677;
  font: 300 22px "Lato", sans-serif;
}
.panel-6 .paneles {
  padding: 25% 0 0 140px;
}
@media screen and (max-width: 960px) {
  .panel-6 .paneles {
    padding: 0;
  }
}
/* thanks */
.thanks {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15%;
}

.thanks h2 {
  color: #556677;
  font: 400 60px "Lato", sans-serif;
}
.thanks h3 {
  color: #556677;
  font: 300 50px "Lato", sans-serif;
}
#transme-flash-id {
  position: absolute;
  left: 0;
  bottom: 0;
}
/*# sourceMappingURL=s-contact.css.map */