@import url("owl.carousel.css");
@import url("animate.css");
@import url("slicknav.css");
@import url("jquery.fancybox.css");

body {
  background: #fff;
  margin:0;
  padding:0;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  overflow-x: hidden;
  font-size:18px;
}

* {
  box-sizing: border-box;
}

.waypoint{
    visibility: hidden;
}

.example {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.wrapper {width: 1366px;margin: 0 auto; position: relative;}
a img { border: none; }  
a { outline: none; text-decoration: none; color: inherit; }  
.clear { clear:both;}  
.left { float: left;}  
.right { float: right;}  
.bold { font-weight: bold; }  
.center { text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.slicknav_menu {display: none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
img.res{width:100%; height:auto; display: block;}
strong{
  font-weight: 900;
}

h2{
  font-size:45px;
}

#header{
  position: relative;
}

#header #top{
  padding-left: 540px;
  width: 100%
}

#nav{
  text-transform: uppercase;
  margin-right: 10%;
}

#nav ul{
  margin:0;
  padding:30px 0;
}

#nav ul li{
  margin:0;
  padding:0;
  margin-left: 37px;
  text-align: center;
  display:inline-block;
  list-style: none;
  font-weight: 400;
  border-bottom:3px solid #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  letter-spacing: 2px;
  font-size:17px;
}

#logo{
  position: absolute;
  left: 53px;
  top: 13%;
  width:400px;
  text-align: center;
}

#logo img{
  max-width: 329px;
  margin:0 auto;
}

.menuactive{
  font-weight: 800!important;
  border-bottom:3px solid #000!important;
}

#nav ul li:hover{
  border-bottom:3px solid #000!important;
}

#full_slider{
  position: relative;
}

#slider{
  position: relative;
}

.slogan{
  position: absolute;
 bottom: 96px;
  left: -96px;
  font-size: 40px;
  font-weight: 800;
  background: rgba(0,0,0,0.7);
  color: #fff;
  max-width: 480px;
  text-align: left;
  padding: 40px;
  z-index: 999;
  width: 100%;
}

.owl-dots {
  position: absolute;
  left: -9px;
  bottom: 358px;
}

#owlStatus{
  font-size:42px;
  font-weight: 800;
  position: absolute;
  bottom: 347px;
  left: -103px;
}

.owl-dot{
  width: 1px;
  height: 70px;
  background: #ccc;
}

.owl-dot.active{
  width:3px;
  height: 70px;
  background: #4a4949;
  display:block;
}



.owl-nav{
  display: none;
}


#logo2, #logo3{
  display:none;
}

#top{
  margin-bottom:50px;
}

#about{
  background: url(../images/background_o_nas.png) no-repeat top left;
  padding: 125px 0 34px 0;
}

.sub #about{
  background:none;
}

h1{
  font-size:70px;
  font-weight: 300;
  line-height: 75px;
  text-transform: uppercase;
  color:#4a4949;
}

h1 span{
  font-weight: 800;
}


#about .left{
  width: 25%;
  padding: 0 40px 0 94px;
  text-align: right;
}

#about .right{
  width:75%;
  border-left:1px solid #ccc;
  padding-left:40px;
  color:#4a4949;
  padding-right: 10px;
}

#pad_top{
  margin-top: 110px;
  text-align: center;
}


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

.title{
  width:100%;
  font-size:33px;
  text-transform: uppercase;
  color:#fff;
  font-weight: 800;
  text-align: center;
  padding:300px 0;
  position: relative;
  z-index:9;
}

.box:first-child .back_box{
  background:url(../images/box1.png) no-repeat;
  background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index:8;
}

.box:nth-child(2) .back_box{
  background:url(../images/box2.png) no-repeat;
  background-size: cover; 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index:8;
}

.more_box{
  display: none;
}

#pad_top span{
  display:inline-block;
}

#realizations{
  padding:60px 0;
  background: url(../images/background.png) no-repeat;
  background-size: cover;
  color:#fff;
  overflow: hidden
}
#realizations h1{
  padding-bottom:60px;
  color:#fff;
}

#photo{
  width:30%;
  position: relative;
}

#des_news{
  width:70%;
  padding-left:30px;
  font-weight: 400;
  font-size:16px;
}

#data{
  background:#000;
  top:0;
  right:0;
  padding:10px 20px;
  position: absolute;
  text-align: right;
}

#data span{
  display: block
}

.more{
  font-size:22px;
  font-weight: 800;
  float:right;
  margin-top:30px;
  width: 100%;
text-align: right;
}

.more a{
  border-bottom:1px solid #fff;
  padding:40px 0 10px 0;
  position: relative;
}

.more a:after{
  content:"";
  background:#fff;
  width:20%;
  display: block;
  height:3px;
  position: absolute;
  right:0;
  bottom:-1.5px;
}

.more:hover a:after{
  width:100%;
}


#title_news{
  font-size:40px;
  font-weight: 800;
  padding-bottom:40px;
  line-height: 31px;
}

h5{
  font-size:20px;
  font-weight: 800;
}

.list{
  font-size:16px;
  font-weight: 300;
  width:26%;
  padding:80px  10px 10px 10px;
  position: relative;
  z-index:3;
}

.full_list{
  padding: 80px 10px 10px 10px;
  width:60%;
  position: relative;
  z-index:3;
   font-size:16px;
  font-weight: 300;
}

.flist{
  width:50%;
}

#dane h1{
  text-align: center
}

#signature{
  position: absolute;
  top:20px;
  left:5px;
  z-index:2;
}

#dane{
  padding: 40px 0 0 0;
  position: relative;
}

#footer{
  background: url(../images/footer.png) #fff no-repeat top right;

}

#cop{
  background:#4a4949;
  color:#fff;
  font-size:12px;
  font-weight: 300;
  padding:20px 0;
}

#logo4{
  width:100%;
  padding-top:40px;
}

#logo4 img{
  max-width: 350px;
  width: 100%;
  padding-bottom:80px;
}

#cop p{
  margin:0;
}

#footer .wrapper .left strong{
  font-weight: 800;
}

#footer .wrapper .right a{
  font-weight: 800;
}

.masked {
  margin: 20px auto;
  display: block;
  max-width: 100%;
  height: 900px;
  mask-image: url(../images/maska.png);
  -webkit-mask-image: url(../images/maska.png);;
  mask-position: center center, bottom right;
  mask-repeat: no-repeat, no-repeat;
  mask-size: 900px 900px, 450px 450px;
  -webkit-mask-size: 900px 900px, 450px 450px;
   -webkit-mask-position: center center, bottom right;
   -webkit-mask-repeat: no-repeat, no-repeat;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}

.mask{
  position: absolute;
  bottom: -19px;
  right: -644px;
}

.item{
  padding-bottom: 145px;
}

.sub #slider_p {
  background: url(../images/slider.png) no-repeat top right;
  height: 200px;
  width: 100%;
}

.sub #logo{
  top:44px;
}

.sub #about{
  padding:20px 0;
}

.sub #logo img{
  max-width: 250px
}

#map{
  width: 100%;
  height:400px;
  margin-top:30px;
}

.box{
  overflow: hidden;
  position: relative;
}

#offer .back_box{
  -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  display: block;
}

#offer .box:hover .back_box{
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.img{
  float: left;
  margin: 20px 1%;
  width: 23%;
  font-size: 18px;
  text-align: center;
}

.img img{
  width: 100%;
  display: block;
   -o-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  overflow: hidden;
}

.img:hover img{
   -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9); 
}


input:hover, textarea:hover, button:hover{
  border-bottom:1px solid #000;
}

form input{
outline: none;
width:49%;
float:left;
margin:20px 0;
border:none;
border-bottom:1px solid #ccc;
-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  font-family: 'Open Sans', sans-serif;
  font-size:17px;
  background:none;
  position: relative;
  padding-bottom: 5px;

}

input:nth-child(even){
  float:right;
}

textarea{
  resize: none;
  outline: none;
  margin:20px 0;
  width:100%;
  border:none;
  border-bottom:1px solid #ccc;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-family: 'Open Sans', sans-serif;
  font-size:17px;
  background: none;
  position: relative;
  padding-bottom: 5px;
}

.error{
  border-bottom:1px solid red!important;
}

button{
  border:none;
  border-bottom:1px solid #ccc;
  background:none;
  font-family: 'Open Sans', sans-serif;
  font-size:17px;
  float:right;
  font-weight: 900;
  padding-bottom: 5px;
  cursor:pointer;
}

form{
  max-width: 1000px;
width: 100%;
margin: 0 auto;
}

.textwidget p{
  margin:0;
}

.owl-carousel .owl-item{
  overflow: hidden;
}

@media screen and (max-width: 1600px) {
  .mask{
    right:-440px;
  }

  .masked{
    height: 600px;
    mask-size:600px 600px, 600px 600px;
     -webkit-mask-size:600px 600px, 600px 600px;
  }
}


@media screen and (max-width: 1366px) {
  .wrapper {
    width: auto;
    padding: 0 10px;
  }
  #about .left{
    padding:0 40px 0 4px;
  }

  #nav{
    margin-left:0;
  }

  #nav ul li{
    margin-left:29px;
  }

  #logo{
    width:200px;
    left: 91px;
  }

#header #top{
  padding-left:400px;
  }

  .owl-dot, .owl-dot.active{
    height:45px;
  }

  #about .wrapper{
    margin-left: 258px;
  }

  .sub #about .wrapper{
    margin:0;
  }
}

@media screen and (max-width: 1150px){

  .masked{
    height: 500px;
    mask-size: 500px 500px, 500px 500px;
    -webkit-mask-size: 500px 500px, 500px 500px;
  }

  .mask {
    right: -386px;
  }

  .slogan{
    left:-70px;
    font-size:30px;
    max-width:414px;
  }

  #nav{
    margin-right: 0
  }

  #owlStatus{
    bottom:302px;
  }

  .owl-dots{
    bottom:316px;
  }

  #about .wrapper {
    margin-left: 0px;
  }
}


@media screen and (max-width: 1023px) {
#nav{
    display:none;
  }

  .slicknav_menu {
      display:block;
      text-align: right;
      position: relative;
      background:none;
      padding: 20px;
    }

   .slicknav_menu .fast-order {
      display: block;
      text-align: center;
      margin-bottom: 10px;
  }

  .slicknav_arrow {
      display: inline-block;
      vertical-align: middle;
  }

  .slicknav_menu ul {
     list-style: none;
     margin:0;
     padding:0;
     font-size: 0;

  }

  .slicknav_menu ul li > a {
      padding: 12px 0;
      text-align: center;
      width: 100%;
      box-sizing: border-box;
      display: block;
      vertical-align: top;
      border-bottom: 1px solid #ccc;
    }

  .slicknav_menu ul li a {
      font-size: 18px;
  }

  .slicknav_menu ul li.menuactive a {
      color: #000;
      font-weight: 700
  }

  .slicknav_menu ul li.menuactive:hover a{
    color:#fff;
  }

  .slicknav_menu ul ul li {
      border: none;
      font-size: 13px;
  }

  .slicknav_menu ul ul li {
      background: #4e687d;
      color: #fff;
  }

  .slicknav_nav { 
      text-align: left;
      clear: both;
      background: #fff;
      text-transform: uppercase;
  }

  .slicknav_nav a:hover{
      background:#000;
      color:#fff;
  }

  .slicknav_icon {
      width: 37px;
  }

  .slicknav_menutxt {
      float: left;
  }

  .slicknav_icon {
      display: inline-block;
        height: 22px;
        vertical-align: middle;
  } 

  .slicknav_icon-bar {
      height: 4px;
      width: 100%;
      background: #000;
      display: block;
  }

  .slicknav_btn {
    margin: 0;
    margin-top: 9px;
    background:none;
  }

  .slicknav_btn span {
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
  }
  #menuresponsive{
    padding:10px;
  }

  .slicknav_btn .slicknav_icon-bar:nth-child(1) {
      position: absolute;
      top:0;
  }

  .slicknav_btn .slicknav_icon-bar:nth-child(2) {
      position: absolute;
      top: 6px;
  }

  .slicknav_btn .slicknav_icon-bar:nth-child(3) {
      position: absolute;
      top: 15px;
  }

  .slicknav_collapsed .slicknav_icon-bar:nth-child(1) {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  .slicknav_collapsed .slicknav_icon-bar:nth-child(2) {
      opacity: 1;
  }

  .slicknav_collapsed .slicknav_icon-bar:nth-child(3) {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  .slicknav_open .slicknav_icon-bar:nth-child(1) {
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
      top: 10px;
  }

  .slicknav_menu .slicknav_icon-bar {
      background-color: #000;
      height: 2px;
      width: 35px;
  }

  .slicknav_open .slicknav_icon-bar:nth-child(2) {
      opacity: 0;
  }

  .slicknav_open .slicknav_icon-bar:nth-child(3) {
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      transform: rotate(-135deg);
      top: 8px;
  }

  .slicknav_open .slicknav_icon {
      display: inline-block;
      height: 30px;
      margin-top: -4px;
      vertical-align: middle;
  }

  #logo{
    display: none;
  }

  #logo2{
    display:block;
    position: absolute;
    top: 10px;
    left: 11px;
  }

  #header{
    overflow: hidden;
  }

  #header #top {
    padding-left: 100px;
    margin-bottom: 0;
  }

  .slogan{
    font-size:30px;
    width:370px;
    z-index: 3;
  }

  #owlStatus{
    bottom: 322px;
  }

  #about .left{
    width: 100%;
    padding: 20px 10px;
    text-align: left;
  }

  #about .right {
    width: 100%;
    border-top: 1px solid #ccc;
    padding: 40px 10px;
    border-left: none
  }

  #about{
    padding: 35px 0 34px 0;
  }

  .title{
    padding:150px 0;
  }

  #photo{
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    float:none;
  }

  #des_news{
    float:none;
    width: 100%;
    padding-top:40px;
    padding-left: 0
  }
  #realizations h1{
    width: 100%;
    text-align: center;
  }

  #dane h1{
    text-align: center;
    padding-top:40px;
  }

  .list, .full_list{
    width: 100%;
    padding:40px 0;
    text-align: center;
  }

  #logo4 img{
    padding-bottom: 40px;
  }

  #owlStatus {
    left: -80px;;
    font-size: 30px;
    bottom: 302px;
  }
    #logo4 img {
      padding-bottom: 0px;
  }

  #about{
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.1) 100%), url(../images/background_o_nas.png);
  }

  .img{
    width:31%;
  }

  .sub #header #top{
    padding:0;
  }
}

@media screen and (max-width: 800px) {
  #owlStatus{
    bottom: 0;
    z-index: 99999;
    right: 10px;
    color: #fff;
    left:auto;
  }

  .slogan{
    position: relative;
    width: 100%;
    max-width: 100%;
    bottom: auto;
    top: auto;
    left: auto;
    padding: 20px 10px;
    font-size:22px;
    padding-bottom: 60px;
  }

  #header #top {
    padding-left: 0px;
  }

  #owlStatus {
    font-size: 29px;
  }

  h1 {
    font-size: 50px;
  }

  .title{
    font-size:24px;
  }

  .box{
    width: 100%
  }

    .mask{
    display: none
  }

  .item{
    padding:0;
  }

  #footer {
    background: url(../images/footer.png) #fff no-repeat bottom right;
  }

  .img{
    font-size: 17px;
  }
  

  form input{
    width: 100%
  }

  #map{
    min-height: 200px;
  }
}

@media screen and (max-width: 600px) {

  #realizations {
    padding: 30px 0;
  }

  .img {
    width: 48%;
    font-size:14px;
  }
}

@media screen and (max-width: 480px) {
  #logo2{
    display: none;
  }

  #logo3{
    display:block;
    position: absolute;
    top: 10px;
    left: 11px;
  }

  h1 {
    font-size: 35px;
    line-height: 45px;
  }

  body{
    font-size: 15px;
  }

  .title {
    padding: 55px 0;
  }

  #title_news {
    font-size: 20px;
  }

  #des_news{
    font-size:14px;
  }

  .more {
    font-size: 14px;
  }

  #cop{
    text-align: center;
  }

  #cop p{
    float:none;
  }

  #cop p:first-child{
    padding-bottom:20px;
  }

  .list{
    padding: 20px 0;
  }

  .flist {
    width: 100%;
  }

  .img {
    font-size: 13px;
  }

}

.gallerylink {
  font-weight: bold;
}

@media screen and (max-width: 390px) {
}

@media screen and (max-width: 320px) {
}