@import url(vendor/codepen.css);
.m-t-5 {
  margin-top: 5px; }

.m-t-10 {
  margin-top: 10px; }

.m-t-15 {
  margin-top: 15px; }

.m-t-20 {
  margin-top: 20px; }

.m-t-25 {
  margin-top: 25px; }

.m-t-30 {
  margin-top: 30px; }

.m-t-40 {
  margin-top: 40px; }

.m-t-50 {
  margin-top: 50px; }

.m-t-60 {
  margin-top: 60px; }

.m-t-70 {
  margin-top: 70px; }

.m-t-80 {
  margin-top: 80px; }

.m-t-90 {
  margin-top: 90px; }

.m-t-100 {
  margin-top: 100px; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Merriweather', serif; }

.font-1 {
  font-family: 'Merriweather', serif; }

.font-2 {
  font-family: 'Source Sans Pro', sans-serif; }

.f-s-14 {
  font-size: 14px; }

.f-s-16 {
  font-size: 16px; }

.f-s-18 {
  font-size: 18px; }

h1 {
  font-weight: 900;
  color: white; }

h2 {
  font-weight: 600; }

.underline {
  text-decoration: underline !important; }

img {
  max-width: 100%;
  height: auto; }

.header-fixed {
  position: fixed;
  width: 100%;
  background: #004f9e;
  top: 0;
  z-index: 23212;
  padding-bottom: 20px; }

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  color: #222222; }
  body.main {
    background: url("/template/img/static/main-top.png") no-repeat; }
    body.main header img {
      margin-top: 10px;
      margin-bottom: 10px; }
    body.main #about {
      background: url("/template/img/static/about-bg.png") no-repeat;
      background-position-x: center;
      padding-top: 10px !important; }
  body.subpage.about header #mobile-menu {
    margin-top: 12px; }
  body.subpage.projects-index .section-header {
    background: url("/template/img/static/section-header-projects-index.png") no-repeat; }
  body.subpage header {
    background: white; }
    body.subpage header .contact {
      color: #004f9e; }
      body.subpage header .contact p {
        border-bottom: 1px solid #5da9e9;
        float: right; }
      body.subpage header .contact .fa {
        color: #5da9e9; }
    body.subpage header nav ul > li > a {
      color: #004f9e; }
    body.subpage header nav ul > li:hover a:after {
      background: #5da9e9; }
    body.subpage header img {
      max-width: 93px;
      margin-top: 10px; }
    body.subpage header .mobile-menu {
      border-bottom: 4px solid #004f9e; }
  body.subpage #opinions {
    background: none !important; }
    body.subpage #opinions .row:last-child {
      margin-top: 40px; }
    body.subpage #opinions .opinion-text {
      font-style: italic; }
  body.subpage.offer .text-box p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 35px; }
  body.subpage.offer .section-header {
    background: url("/template/img/static/section-header-offer.png") no-repeat;
    background-size: cover; }
  body.subpage.portfolio .project {
    margin-bottom: 0; }
    body.subpage.portfolio .project > div {
      padding: 30px 20px; }
  body.subpage.portfolio #opinions {
    background: #f9fafa !important; }
  body.subpage.projects-index #opinions {
    background: #f9fafa !important; }
  body.subpage .tip-item {
    background: #5da9e9;
    color: white; }
    body.subpage .tip-item:before {
      background: #5da9e9; }
  body.body-header-fixed {
    padding-top: 99px; }
    body.body-header-fixed .tip-item {
      background: #5da9e9;
      color: white; }
      body.body-header-fixed .tip-item:before {
        background: #5da9e9; }

.image-box .image-box-title {
  color: #999999;
  font-size: 14px;
  text-align: right;
  font-weight: bold;
  margin-top: 20px; }
.image-box.image-box-blue .image-box-pdf * {
  color: #004f9e; }
.image-box.image-box-blue img {
  border-bottom: 2px solid #004f9e; }
.image-box.image-box-light .image-box-pdf * {
  color: #5da9e9; }
.image-box.image-box-light img {
  border-bottom: 2px solid #5da9e9; }
.image-box.image-box-purple .image-box-pdf * {
  color: #6d326d; }
.image-box.image-box-purple img {
  border-bottom: 2px solid #6d326d; }
.image-box .image-box-pdf {
  background: #f8f8f8;
  padding: 16px;
  text-align: right;
  font-size: 16px; }
  .image-box .image-box-pdf a {
    text-decoration: underline;
    display: block;
    float: right;
    line-height: 25px; }
  .image-box .image-box-pdf .fa {
    font-size: 26px;
    margin-right: 10px; }

header img {
  max-width: none; }
header .contact {
  color: white;
  margin-top: 24px;
  line-height: 41px;
  font-weight: bold; }
header .mobile-menu {
  border-bottom: 4px solid white; }
header nav {
  margin: 0; }
  header nav ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    header nav ul > li {
      display: inline-block;
      border-bottom: 1px solid white;
      float: left;
      position: relative; }
      header nav ul > li > a {
        display: block;
        color: white;
        font-size: 18px;
        text-decoration: none !important;
        padding: 32px 15px 5px 15px; }
        header nav ul > li > a:hover {
          font-weight: bold;
          color: white; }
      header nav ul > li.nav-item:hover a:after {
        bottom: -4px;
        display: block;
        position: absolute;
        width: 100%;
        margin-left: -15px;
        height: 3px;
        content: '';
        background: white; }
      header nav ul > li:last-child {
        border-bottom: none !important; }

.button {
  border: 2px solid transparent;
  outline: 2px solid white !important;
  background: transparent;
  display: inline-block;
  color: #5da9e9;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold; }
  .button.btn-blue {
    outline: 2px solid #004f9e !important;
    color: #004f9e; }
    .button.btn-blue:hover span {
      background: #004f9e; }
  .button.btn-light {
    outline: 2px solid #5da9e9 !important;
    color: #5da9e9; }
    .button.btn-light:hover span {
      background: #5da9e9; }
  .button.btn-purple {
    outline: 2px solid #6d326d !important;
    color: #6d326d; }
    .button.btn-purple:hover span {
      background: #6d326d; }
  .button:hover {
    color: white;
    text-decoration: none; }
    .button:hover span {
      background: #5da9e9; }
  .button span {
    padding: 10px 26px;
    outline: 2px solid transparent;
    margin: 2px;
    display: block;
    background: white; }

hr.hr-blue {
  border-top: 2px solid #004f9e !important; }
hr.hr-light {
  border-top: 2px solid #5da9e9 !important; }
hr.hr-purple {
  border-top: 2px solid #6d326d !important; }

section {
  padding: 55px 0; }

#main {
  padding: 20px; }
  #main h1 {
    color: white;
    font-size: 48px;
    line-height: 55px;
    margin: 50px 5px; }
  #main p {
    color: white;
    margin-bottom: 40px; }
  #main .button {
    outline: 2px solid white !important;
    margin-bottom: 50px;
    margin-top: 50px; }
    #main .button:hover {
      color: white;
      text-decoration: none;
      outline: 2px solid #5da9e9 !important; }
      #main .button:hover span {
        background: #5da9e9; }
    #main .button span {
      padding: 10px 26px;
      outline: 2px solid transparent;
      margin: 2px;
      display: block;
      background: white; }

#boxes .box {
  background: #ececed;
  background: -moz-linear-gradient(top, #ececed 0%, white 50%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ececed), color-stop(50%, white));
  background: -webkit-linear-gradient(top, #ececed 0%, white 50%);
  background: -o-linear-gradient(top, #ececed 0%, white 50%);
  background: -ms-linear-gradient(top, #ececed 0%, white 50%);
  background: linear-gradient(to bottom, #ececed 0%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececed', endColorstr='#ffffff', GradientType=0 );
  /*box-shadow: 0px -2px 5px rgba(0,0,0,0.6); 
      -moz-box-shadow:0px -2px 5px rgba(0,0,0,0.6); 
      -webkit-box-shadow:0px -2px 5px rgba(0,0,0,0.6);
  -o-box-shadow:0px -2px 5px rgba(0,0,0,0.6); */
  padding: 20px;
  text-align: center; }
  #boxes .box .button {
    margin-top: 20px; }

.section-first {
  margin-top: 12px;
  padding-top: 0px;
  padding-bottom: 0px; }

#about .about-1 {
  font-size: 16px;
  color: #004f9e;
  margin-bottom: 0px; }
#about h2 {
  color: white; }
#about p {
  color: white;
  line-height: 33px; }
#about .btn-about {
  margin-top: 60px; }
#about .section-header {
  background: url("/template/img/static/section-header-about.png") no-repeat;
  min-height: 350px; }
  #about .section-header h1 {
    line-height: 50px;
    margin-top: 50px; }
  #about .section-header .portret img {
    position: absolute;
    top: 40px; }

#opinions {
  background: #f9fafa; }
  #opinions h2 {
    margin-bottom: 75px; }
  #opinions img {
    border: 10px solid white;
    -webkit-box-shadow: 0px 0px 20px -6px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 0px 0px 20px -6px rgba(0, 0, 0, 0.47);
    box-shadow: 0px 0px 20px -6px rgba(0, 0, 0, 0.47); }
  #opinions .zobacz-galerie {
    font-size: 16px;
    margin-top: 20px; }
  #opinions hr {
    border-top: 1px solid #5da9e9; }
  #opinions .opinion-author {
    color: #5da9e9;
    font-weight: bold; }
    #opinions .opinion-author span {
      color: #999999;
      font-size: 14px;
      font-weight: normal; }

#info {
  padding: 40px 0;
  background: #6d326d; }
  #info .top {
    color: #ad4fad;
    font-size: 14px;
    line-height: 18px; }
  #info .bottom {
    color: white;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px; }

footer {
  padding-top: 50px;
  padding-bottom: 20px;
  color: #999999; }
  footer .container {
    border-top: 1px solid #cccccc;
    padding-top: 20px; }
  footer .footer-left {
    font-size: 16px; }
  footer .footer-right {
    font-size: 14px; }
  footer .footer-phone a {
    color: #5da9e9;
    border: 2px solid #5da9e9;
    padding: 5px 20px;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none; }

#contact {
  padding-top: 0; }
  #contact label {
    font-weight: normal;
    text-align: right;
    fonot-size: 16px; }
  #contact .form-control {
    border-radius: 0; }
  #contact .contact-field {
    margin: 10px 0; }
  #contact .contact-label {
    color: #999999;
    font-size: 14px; }
  #contact .contact-value {
    font-size: 24px;
    color: #004f9e;
    font-weight: bold; }
    #contact .contact-value .fa {
      color: #5da9e9; }
  #contact textarea {
    min-height: 260px; }
  #contact input[type=submit] {
    background: #004f9e;
    color: white;
    text-transform: uppercase;
    padding: 6px 24px;
    border: none; }

#contact-message {
  font-size: 24px;
  font-weight: bold;
  color: #004f9e; }
  #contact-message.text-danger {
    color: #a94442 !important; }

.section-header {
  background: url("/template/img/static/section-header.png") no-repeat;
  min-height: 131px;
  margin-bottom: 50px; }
  .section-header h1 {
    color: white;
    margin: 30px 0;
    line-height: 59px;
    display: inline-block;
    position: relative; }
    .section-header h1:before {
      content: '';
      position: absolute;
      border-bottom: 3px solid white;
      bottom: 0px;
      width: 100px; }
  .section-header.portfolio {
    background: url("/template/img/static/section-header-portfolio-view.png") no-repeat; }
    .section-header.portfolio h1 {
      font-size: 32px;
      line-height: 50px;
      margin: 50px 0;
      font-weight: 600; }
      .section-header.portfolio h1:before {
        bottom: 0px;
        top: initial; }

.timeline {
  padding: 0;
  margin: 0;
  list-style: none;
  color: #6d326d;
  background: url("/template/img/static/timeline/line.png") repeat-y; }
  .timeline li {
    padding-left: 40px;
    background: url("/template/img/static/timeline/dot.png") no-repeat; }
    .timeline li:first-child {
      background: url("/template/img/static/timeline/dot-first.png") no-repeat; }
    .timeline li:last-child {
      background: url("/template/img/static/timeline/dot-last.png") no-repeat; }
    .timeline li strong {
      background: url("/template/img/static/timeline/arrow.png") 0px 34px no-repeat;
      padding-top: 25px;
      display: block;
      padding-left: 17px; }

#titles {
  padding: 0;
  margin-bottom: -40px; }
  #titles hr {
    border: none;
    border-bottom: 1px solid #ededed;
    position: relative;
    top: -44px;
    z-index: -1; }
  #titles ul.nav {
    padding: 0;
    min-height: 70px; }
    #titles ul.nav li {
      display: inline-block;
      margin: 0 22px; }
      #titles ul.nav li a {
        padding-left: 0;
        padding-right: 0;
        color: #004f9e; }
        #titles ul.nav li a:hover {
          color: #5da9e9;
          background: none;
          border-bottom: 5px solid #5da9e9;
          font-weight: bold; }
      #titles ul.nav li:first-child {
        margin-left: 0; }

#publikacje-naukowe {
  background: #f8f8f8; }
  #publikacje-naukowe ol {
    padding-left: 80px; }
    #publikacje-naukowe ol li {
      padding-bottom: 20px;
      font-size: 16px; }

h2.with-line {
  font-size: 24px;
  margin: 20px 0 !important;
  padding-left: 25px; }
  h2.with-line:before {
    content: '';
    position: absolute;
    width: 32px;
    background: #5da9e9;
    height: 2px;
    left: 0;
    top: 32px; }

.tick {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 30px 0 20px 0; }
  .tick .icon-check {
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    line-height: 80px;
    text-align: center;
    font-size: 45px;
    font-weight: 300; }
    .tick .icon-check .material-icons {
      font-size: 44px; }
  .tick.tick-blue {
    border-color: #004f9e; }
    .tick.tick-blue .icon-check {
      border-color: #004f9e;
      color: #004f9e; }
  .tick.tick-light {
    border-color: #5da9e9; }
    .tick.tick-light .icon-check {
      border-color: #5da9e9;
      color: #5da9e9; }
  .tick.tick-purple {
    border-color: #6d326d; }
    .tick.tick-purple .icon-check {
      border-color: #6d326d;
      color: #6d326d; }
  .tick p {
    line-height: 36px;
    font-size: 18px !important; }
    .tick p span {
      color: #999999;
      font-size: 16px !important; }

.project {
  margin-bottom: 60px; }
  .project h2 {
    color: #5da9e9;
    font-size: 18px; }
  .project p {
    font-size: 16px;
    line-height: 31px; }
  .project a {
    color: #5da9e9; }
  .project .button {
    font-size: 16px;
    float: right; }
    .project .button span {
      padding: 5px 12px; }
  .project img {
    border: 7px solid white;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.65); }
  .project .category {
    font-size: 14px;
    line-height: 36px; }
    .project .category a {
      font-size: inherit; }

#chat {
  position: fixed;
  right: 50px;
  bottom: 50px; }
  #chat #chat-avatar {
    cursor: pointer; }
    #chat #chat-avatar img {
      border-radius: 50%;
      border: 5px solid white;
      -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75); }
  #chat #chat-dot {
    border-radius: 50%;
    border: 5px solid white;
    position: absolute;
    width: 30px;
    height: 30px;
    right: -6px;
    bottom: -6px;
    background: red;
    display: block; }
    #chat #chat-dot.active {
      background: #27ae60; }
  #chat #chat-message {
    background: white;
    position: absolute;
    width: 320px;
    right: 120px;
    top: -20px;
    border: 1px solid #c8c8c8;
    padding: 15px 30px 15px 15px; }
    #chat #chat-message p {
      color: #5da9e9;
      font-weight: bold; }
    #chat #chat-message #message-modal-open {
      cursor: pointer;
      text-decoration: underline;
      font-size: 14px;
      color: #222222; }
    #chat #chat-message #chat-message-close {
      border-radius: 50%;
      background: #c8c8c8;
      color: white;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 16px;
      line-height: 13px;
      text-align: center;
      cursor: pointer; }
    #chat #chat-message #chat-message-arrow {
      width: 20px;
      height: 20px;
      border-right: 1px solid #c8c8c8;
      border-bottom: 1px solid #c8c8c8;
      -ms-transform: rotate(-45deg);
      /* IE 9 */
      -webkit-transform: rotate(-45deg);
      /* Safari */
      transform: rotate(-45deg);
      background: white;
      position: absolute;
      right: -11px;
      top: 53px; }

#message-modal {
  display: none;
  position: fixed;
  right: 30px;
  bottom: 20px;
  width: 520px;
  min-height: 430px;
  background: white; }
  #message-modal .header {
    padding: 10px;
    background: #5da9e9;
    border: 1px solid #5da9e9;
    color: white; }
    #message-modal .header p {
      margin: 0; }
      #message-modal .header p .header-close {
        border-radius: 50%;
        background: white;
        color: #5da9e9;
        width: 24px;
        height: 24px;
        line-height: 21px;
        text-align: center;
        font-size: 22px;
        cursor: pointer; }
  #message-modal .form-control {
    border-radius: 0px; }
  #message-modal input[type=submit] {
    background: #5da9e9;
    border: none;
    color: white;
    font-size: 18px; }
  #message-modal .content {
    border: 1px solid #c8c8c8;
    padding-bottom: 15px; }
    #message-modal .content .body {
      min-height: 342px; }
  #message-modal .avatar {
    cursor: pointer; }
    #message-modal .avatar img {
      border-radius: 50%;
      border: 1px solid #c8c8c8; }
  #message-modal .message-item-list {
    overflow-x: hidden;
    overflow-y: auto;
    height: 300px; }
    #message-modal .message-item-list .message-item {
      margin: 15px 0;
      font-size: 16px; }
      #message-modal .message-item-list .message-item .message-text {
        background: #f8f8f8;
        /*position: absolute;
            width: 320px;
            right: 120px;
        top: -20px;*/
        min-height: 100px;
        border: 1px solid #c8c8c8;
        padding: 15px 30px 15px 15px; }
        #message-modal .message-item-list .message-item .message-text .message-arrow {
          width: 20px;
          height: 20px;
          border-right: 1px solid #c8c8c8;
          border-bottom: 1px solid #c8c8c8;
          -ms-transform: rotate(135deg);
          /* IE 9 */
          -webkit-transform: rotate(135deg);
          /* Safari */
          transform: rotate(135deg);
          background: #f8f8f8;
          position: absolute;
          left: 6px;
          top: 28px; }
      #message-modal .message-item-list .message-item.me .avatar {
        font-size: 78px;
        color: #5da9e9;
        margin-top: -14px; }
      #message-modal .message-item-list .message-item.me .message-text .message-arrow {
        width: 20px;
        height: 20px;
        border-right: 1px solid #c8c8c8;
        border-bottom: 1px solid #c8c8c8;
        -ms-transform: rotate(-45deg);
        /* IE 9 */
        -webkit-transform: rotate(-45deg);
        /* Safari */
        transform: rotate(-45deg);
        background: #f8f8f8;
        position: absolute;
        right: 6px;
        left: auto; }

.tip-item {
  position: absolute;
  bottom: -24px;
  display: none;
  width: 186px;
  left: -73px;
  background: white;
  color: black;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
  color: #004f9e;
  font-weight: 300; }
  .tip-item:before {
    content: ' ';
    position: absolute;
    width: 7px;
    height: 7px;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Safari */
    transform: rotate(45deg);
    background: white;
    top: -2px;
    left: 50%; }

#mobile-menu {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 200; }
  #mobile-menu ul {
    display: block;
    list-style: none;
    padding: 0;
    background: #004f9e; }
    #mobile-menu ul li {
      border-bottom: 1px solid #06467d;
      display: block; }
      #mobile-menu ul li a {
        display: block;
        color: white;
        padding: 10px 20px;
        text-decoration: none; }
      #mobile-menu ul li:hover {
        background: white; }
        #mobile-menu ul li:hover a {
          color: #004f9e; }

contact {
  position: fixed;
  bottom: 20px;
  right: 20px; }
  contact a {
    display: block;
    width: 123px;
    height: 123px;
    background: #27ae60;
    border: 8px solid white;
    border-radius: 50%;
    text-align: center;
    color: white;
    font-size: 66px;
    line-height: 112px;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.75); }
    contact a:hover {
      color: white; }

@media (max-width: 767px) {
  h2.with-line {
    padding-left: 0px; }
    h2.with-line:before {
      display: none; }

  .timeline li strong {
    padding-top: 15px !important; }

  header #hamburger {
    color: white;
    margin: 26px 0 0 10px;
    cursor: pointer; }
  header #nav-icon3 {
    margin: 28px 0 8px 0; }
  header.header-fixed {
    padding-bottom: 5px; }
    header.header-fixed img {
      max-width: 70px; }
    header.header-fixed .mobile-menu {
      padding-top: 0 !important; }
    header.header-fixed #nav-icon3 {
      margin-top: 12px !important; }
    header.header-fixed #hamburger {
      margin-top: 10px !important; }

  body {
    font-size: 30px; }
    body.main header .mobile-menu {
      padding-top: 20px; }
    body.offer h2 {
      padding-left: 0px; }
      body.offer h2.with-line:before {
        display: none; }
    body.offer .image-box {
      text-align: center; }
      body.offer .image-box p {
        text-align: justify; }
      body.offer .image-box .image-box-title,
      body.offer .image-box .image-box-pdf,
      body.offer .image-box .image-box-desc {
        text-align: center; }
      body.offer .image-box .image-box-pdf {
        font-size: 30px; }
        body.offer .image-box .image-box-pdf .fa {
          font-size: 38px; }
    body.offer .text-box p {
      text-align: justify !important;
      font-size: 30px !important;
      line-height: 50px !important; }
    body.offer .tick {
      text-align: center;
      margin: 0 20px; }
      body.offer .tick.tick-blue {
        border: 1px solid #004f9e; }
      body.offer .tick.tick-light {
        border: 1px solid #004f9e; }
      body.offer .tick.tick-purple {
        border: 1px solid #004f9e; }
      body.offer .tick .container > .row > div:first-child {
        text-align: center; }
        body.offer .tick .container > .row > div:first-child .icon-check {
          display: inline-block;
          margin-bottom: 60px;
          width: 190px;
          height: 190px; }
          body.offer .tick .container > .row > div:first-child .icon-check .material-icons {
            font-size: 136px;
            line-height: 190px; }
    body.offer .section-header {
      background-size: auto; }
    body.subpage .section-header h1 {
      margin: 50px 0 80px 0;
      line-height: 130px;
      font-size: 60px; }
    body.subpage.projects-index .section-header h1 {
      margin: 80px 0;
      line-height: 90px; }
    body.subpage.projects-index .project p {
      text-align: justify;
      font-size: 30px;
      line-height: 50px; }
    body.subpage.projects-index .project .button {
      display: block;
      width: 100%;
      font-size: 30px; }
      body.subpage.projects-index .project .button span {
        padding: 10px 24px; }
    body.subpage header #hamburger {
      color: #004f9e; }
    body.subpage header #nav-icon3 span {
      background: #004f9e; }
    body.subpage header img {
      max-width: none; }
    body.subpage header.header-fixed img {
      max-width: 70px; }
    body.subpage header .mobile-menu {
      padding-top: 20px; }
    body.subpage header #mobile-menu {
      margin-top: 5px; }
    body.about p {
      text-align: justify; }
    body.portfolio .section-header.portfolio {
      background: url("/template/img/static/section-header-portfolio-view.png") no-repeat; }
      body.portfolio .section-header.portfolio h1 {
        font-size: 60px !important;
        line-height: 80px;
        margin: 76px 0; }
        body.portfolio .section-header.portfolio h1:before {
          border-width: 5px;
          bottom: -20px; }
    body.portfolio .project-description {
      margin-top: 50px;
      line-height: 40px;
      text-align: justify; }
      body.portfolio .project-description * {
        font-size: 30px !important; }

  h2 {
    font-size: 48px !important;
    text-align: center; }

  .button {
    font-size: 30px; }

  #main h1 {
    font-size: 60px;
    line-height: 75px;
    margin-bottom: 20px; }
  #main p {
    font-size: 28px; }
  #main .button {
    margin-top: 12px; }

  #boxes .box {
    background: none; }
    #boxes .box h2 {
      font-size: 48px; }
    #boxes .box p {
      font-size: 30px; }

  #about {
    text-align: center;
    background: none; }
    #about .container > .row:first-child {
      background: url("/template/img/static/about-bg-xs.png") no-repeat; }
    #about .about-1 {
      text-align: center;
      font-size: 30px;
      margin-top: 50px; }
    #about p {
      text-align: justify;
      line-height: 44px; }
    #about h2 {
      margin: 40px 0 50px 0;
      line-height: 76px; }
    #about .btn-about {
      margin-bottom: 50px;
      margin-top: 50px; }
    #about .section-header h1 {
      line-height: 133px; }
    #about .section-header .portret img {
      position: relative;
      top: auto; }

  #opinions .zobacz-galerie {
    font-size: 24px;
    margin-bottom: 50px; }
    #opinions .zobacz-galerie a {
      color: #5da9e9; }
  #opinions > .container > .row:last-child > div:last-child {
    font-style: italic;
    font-size: 30px;
    line-height: 50px;
    text-align: justify; }
  #opinions hr {
    border-width: 2px; }
  #opinions .opinion-text {
    text-align: justify; }

  #info {
    text-align: center !important; }
    #info .text-right {
      text-align: center !important; }
    #info .top {
      font-size: 30px;
      line-height: 50px; }
    #info .bottom {
      font-size: 45px;
      line-height: 70px; }

  footer {
    text-align: center !important; }
    footer .text-right {
      text-align: center !important; }
    footer .footer-left {
      font-size: 30px;
      line-height: 50px; }
      footer .footer-left p {
        margin-bottom: 80px; }
    footer .footer-phone {
      margin-bottom: 80px; }
      footer .footer-phone a {
        font-size: 44px; }
    footer .copyright {
      font-size: 24px; }
    footer p {
      text-align: center !important; }

  .section-header h1 {
    text-align: center;
    display: block; }
    .section-header h1:before {
      left: 50%;
      margin-left: -50px; }

  #titles .button {
    margin-bottom: 40px; }

  .project {
    text-align: center; }
    .project h2 {
      font-size: 36px !important; }
    .project .category {
      font-size: 30px; }
      .project .category:last-child {
        display: none; }

  #contact p {
    text-align: center;
    font-size: 30px; }
    #contact p.f-s-16 {
      margin-top: 30px; }
  #contact .f-s-14 {
    color: #999999; }
  #contact strong {
    font-size: 36px;
    font-family: 'Merriweather', serif; }
  #contact .contact-value {
    font-size: 44px; }
  #contact .contact-label {
    font-size: 24px;
    margin-top: 50px; }
  #contact hr {
    margin-top: 40px;
    border-bottom: 3px solid #cccccc; }
  #contact .form-control {
    font-size: 27px;
    height: auto;
    padding: 10px 16px; }
  #contact .contact-field label {
    margin-top: 25px; }
  #contact #contact-form input[type=submit] {
    width: 100%;
    display: block;
    padding: 26px; }

  .f-s-14 {
    font-size: 24px; }

  .f-s-16 {
    font-size: 30px; }

  /*.g-recaptcha {
      > div {
      width: 100% !important;
      iframe {
      width: 100% !important;
      .rc-anchor-normal {
      width: 99% !important;
      }
      }
      }
  }*/ }