@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin-ext');

/* --------------------------------------- */
/*              PRELOADER             */
/* ------------------------------------- */

#loader-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #ECF0F1;
}

.load {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
}
#loader-wrapper img{
    -webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* .js-preloader .load, .js-preloader #loader-wrapper {
  display: block;
} */


/* --------------------------------------- */
/*              COMMON STYLES             */
/* ------------------------------------- */

body{
  font-family: 'Open Sans', sans-serif;
}

::selection {
  background: #A2CF45 !important;
}
::-moz-selection {
  background: #A2CF45 !important;
}

/* .uk-link:hover, a:hover {
    color: #A2CF45 !important;
} */

.site-header-shrink{
  margin-top: 70.15px;
}
.site-header-shrink .tm-header-mobile{
  position: fixed;
  width: 100%;
  z-index: 9;
  top: 0;
}
.site-header-shrink .uk-navbar-toggle, .site-header-shrink .uk-navbar-item{
  min-height: 60px;
}
.site-header-shrink .uk-logo{
  max-width: 50%;
}

.tm-header{
  height: 111.45px;
}

.uk-logo{
  padding: 15px;
  max-width: 80%;
}

#module-114{
  padding-top: 10px;
}
#module-114 ul li a img{
  height: 20px;
}

/* .uk-sticky-fixed .uk-logo{
  max-width: 80%;
} */

.uk-navbar-sticky .uk-logo{
  max-width: 50%;
}
.uk-navbar-sticky .uk-logo img{
  padding-bottom: 30px;
}

.uk-navbar-sticky .uk-navbar{
  height: 70px;
}
.mod-languages{
  padding-bottom: 10px;
}
.uk-navbar-sticky .mod-languages{
  padding-bottom: 37px;
}

.uk-navbar-nav li a {
  color: #4A92CE;
  font-size: .95rem;
  font-weight: 600;
}

.uk-navbar-nav li a:hover {
  color: #A2CF45 !important;
}

.uk-navbar-nav > li > a:focus, .uk-navbar-nav > li > a:hover, .uk-navbar-nav > li > a:active, .uk-navbar-nav > li.uk-active > a {
  color: #A2CF45;
}
.uk-navbar-nav > li > a:focus::before, .uk-navbar-nav > li > a:hover::before, .uk-navbar-nav > li > a:active::before, .uk-navbar-nav > li.uk-active > a::before {
  background-color: #A2CF45 !important;
}

.uk-navbar-nav > li > a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 40%;
    height: 20px;
    border-left: 2px solid;
    width: 100%;
}

.uk-navbar-nav > li:last-child > a::after {
    border-right: 2px solid;
}

.tm-top{
  padding: 0;
  /* padding-top: 15px; */
  height: 400px;
}

.tm-top .uk-container{
  max-width: 100%;
  padding: 0;
}

@media only screen and (max-width:786px){
  .tm-page .tm-top .wk-slider{ min-height: 400px !important; }
  .tm-page .tm-top .wk-slider li .wk-panel{ height: 400px !important; }
  .uk-nav li::after{ content: ""; width: 70%; height: 1px; background: #bbb; position: absolute; left: 15%;}
  .top-footer > div:nth-of-type(3) li::after{ content: ""; width: 30%; height: 1px; background: #fff; position: absolute; left: 35%; margin: 5px 0; opacity: .6; }
}

@media only screen and (min-width:960px){
  .tm-top{ height: 650px; }
}

.uk-sticky-placeholder{
  height: auto !important;
}

.uk-navbar #module-94{
  display: none;
}

.slider-header ul li .wk-button{
  color: #fff;
  background-color: #A2CF45;
  font-weight: 900;
  text-transform: uppercase;
  font-size: .9rem;
  padding: 0 20px;
  letter-spacing: .02rem;
}

.slider-header ul li .wk-button:hover{
  color: #4A92CE;
  background-color: #fff;
}

.slider-header .wk-margin{
  margin-bottom: 20px;
  font-size: 2.4rem;
  width: 450px;
  line-height: 1;
  position: relative;
}

.slider-header .wk-margin span{
  font-weight: 900;
}

.slider-header .wk-margin::before{
  content: "";
  background: url('/images/common/item.png') no-repeat;
  position: absolute;
  width: 90px;
  height: 90px;
  left: -90px;
  top: -10px;
}

.slider-header ul li .wk-overlay-panel{
  -webkit-box-pack: left !important;
      -ms-flex-pack: left !important;
          justify-content: left !important;
}

.slider-header ul li .wk-overlay-panel > div{
  left: 20%;
  position: absolute;
}

.top-headline-section{
  background-color: #4A92CE;
  color: #fff;
}
.top-headline--reverse {
	background-color: #fff;
	color: #4A92CE;
}
.top-headline-section, .top-headline--reverse{
	font-size: 1.9rem;
}
.top-headline-section > div > div > div, .top-headline--reverse > div > div > div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
}

.top-headline-section span, .top-headline--reverse span{
  font-weight: 900;
}

.headline-stripe{
  padding: 50px;
}

.tm-page .uk-section, .tm-page .uk-section .uk-container, .tm-page .uk-section .uk-container> div > div{
  padding: 0;
}

.grid-item{
  height: 500px;
  margin: 0 !important;
}

.grid-item .item-contener{
  max-width: 420px;
  padding: 0 50px;
}

@media only screen and (max-width:960px){
  .grid-item{ height: auto; min-height: 400px; }
  #line-section .grid-item{ min-height: auto; }
  .grid-item .item-contener{ padding: 30px 50px; }
  .slider-header .wk-margin{ width: auto; font-size: 1.8rem; }
  .top-headline-section, .top-headline--reverse{ font-size: 1.6rem; }
  iframe{ width: auto;}
}
@media only screen and (max-width:576px){
  .top-headline-section, .top-headline--reverse{ font-size: 1.2rem; }
}
@media only screen and (max-width:380px){
.slider-header .wk-margin{ width: auto; font-size: 1.5rem; }
}

#grid-item4 .item-contener{
  max-width: 340px;
}


.grid-item h5{
  font-size: 1.8rem;
  font-weight: 900;
}

.grid-item p{
  font-size: .9rem;
}

.grid-image{
  position: relative;
}

.grid-image::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("/images/common/background.png");
  background-repeat: no-repeat;
  filter: invert(100%);
}

.grid-image::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat !important;
}

.grid-text{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: 100% 100% !important;
}

.grid-text.grid-left{
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.grid-center{
  margin:auto;
}

.grid-right.grid-image::after{
  background-position: 25% 50% !important;
}

.grid-left.grid-image::after{
  background-position: 75% 50% !important;
}

.blue{
  background-color: #4A92CE;
}
/* .grid-left.grid-image{
  background-color: #4A92CE;
} */

.green{
  background-color: #A2CF45;
}
/* .grid-right.grid-image{
  background-color: #A2CF45;
} */

.grid-item.green-header h5 span, .green-text p span{
  color: #A2CF45;
}

.grid-item.blue-header h5 span, #contact-grid1 p span, .uk-link, a{
  color: #4A92CE;
}

.grid-item.black-header h5 span{
  color: #000;
}

.green-color, .green-span span:nth-of-type(2){
  color: #A2CF45;
}
.green-color span{
  color: #fff;
}

.grid-item span#blue-span{
  color: #4A92CE;
}

#grid-item8 h5{
  font-size: 3.2rem;
  font-weight: 600;
  width: 200px;
  line-height: 1.2;
  padding-left: 60%;
}
@media only screen and (max-width:500px){
  #grid-item8 h5{ font-size: 2.1rem; }
}

#grid-item8 h5 span{
  font-weight: 900;
}

#grid-item1{
  background: url('/images/home/grid-back1.jpg') no-repeat;
  background-size: 100% 100%;
}

#grid-item2::after{
  background: url("/images/home/grid-img1.png");
}

#grid-item3::after{
  background: url("/images/home/grid-img2.png");
}

#grid-item4{
  background: url('/images/home/grid-back2.jpg') no-repeat;
}

#grid-item5{
  background: url('/images/home/grid-back3.jpg') no-repeat;
}

#grid-item6::after{
  background: url("/images/home/grid-img3.png");
}

#grid-item7::after{
  background: url("/images/home/grid-img4.png");
  background-size: contain;
}
#home-ru .uk-container #grid-item7::after{
  background: url("/images/home/grid-img5ru.png");
  background-size: contain;
}
#home-en .uk-container #grid-item7::after{
  background: url("/images/home/agro-ang.png");
  background-size: contain;
}

#grid-item8{
  background: url('/images/home/grid-back4.jpg') no-repeat;
}

#grid-item9{
  background: url('/images/home/grid-back5.jpg') no-repeat;
}

#grid-item10::after{
  background: url("/images/home/grid-img6.png");
}

#grid-item11::after{
  background: url("/images/home/grid-img8.png");
  background-position: 100% 50% !important;
}

#grid-item11 .item-contener{
  display: block;
}

#grid-item11 .item-contener iframe{
  z-index: 6;
  position: relative;
}

@media only screen and (min-width:960px){
  #grid-item11 .item-contener{ position: absolute; }
}

#grid-item11 .item-contener h5{
  color: #fff;
}

#grid-item12{
  background: url("/images/home/grid-img7.png") no-repeat;
  background-position: -175px 50% !important;
  margin-bottom: 60px !important;
}

#grid-item12 .item-contener{
  padding-top: 80px;
}

@media only screen and (max-width:960px){
  #grid-item8 h5{ padding-left: 0; }
  /* .home-grid .uk-grid-margin #grid-item12{ background-position: 50% 50% !important; } */
  .home-grid .uk-grid-margin #grid-item11::after{ background: none; }
  #grid-item12{ background: none; }
  /* .home-grid .uk-grid-margin #grid-item11::after{ background: url("/images/home/icon-full.png") no-repeat; background-position: 50% 50% !important; } */
  [data-id="page#13"] { display: none; }
  .home-grid .uk-grid .uk-grid-margin { margin-top: 0 !important; }
  .home-grid .uk-container .grid-image::after { background-position: 50% 50% !important; }
}

.home-grid{
  background: url("/images/home/back-bottom.jpg") no-repeat;
  background-position: bottom center;
}
.home-grid #grid-item12 .item-contener{
  max-width: 65%;
}

#ru-item-7.grid-item{
  background: url("/images/line/AGROLINE.jpg") no-repeat;
  background-size: contain !important;
}

/*              PARTNERS           */

#module-107 h3, #module-98 h3, #module-109 h3{
  font-size: 2rem;
  font-weight: 900;
  padding: 80px 0 40px;
}

#tm-bottom .uk-container{
  max-width: 92%;
}

.partners ul li{
  align-items: center;
  height: 200px;
}

.partners ul li img{
  max-height: 150px;
}

/*              FOOTER           */

#footer-button a, #home-button, #line-button, #line-button2{
  float: left;
  border-radius: 8px;
  height: 50px;
  width: 50px;
}
#footer-button a{
  position: relative;
}
#footer-button a > div, #home-button > div, #line-button > div, #line-button2 > div{
  border: 0;
  background: transparent;
  box-sizing: border-box;
  transition: 100ms all ease;
  cursor: pointer;
  border-style: solid;
  border-width: 12px 0 12px 22px;
  margin: 13px;
  margin-left: 16px;
}
#home-button > div,  #line-button > div{
  border-color: transparent transparent transparent #A2CF45;
}
#footer-button a > div, #home-button:hover > div, #line-button > div, #line-button2 > div{
  border-color: transparent transparent transparent #fff;
}
#footer-button a:hover > div{
  border-color: transparent transparent transparent #000;
}

@media only screen and (max-width:640px){
  #footer-button a{ float: none; margin: auto; display: block; }
}

#line-btn-contener{
  overflow: auto;
}
#line-button{
  /* left: 40px;
  top: 20px; */
  position: relative;
  float: right;
  display: block;
}
#line-button:hover{
  background-color: #000;
}
#line-button2{
  display: block;
  margin: 30px 30px;
  float: none;
  background-color: #4A92CE;
  position: relative;
}
#line-button2:hover{
  background-color: #000;
}

.green-button:hover, #form .form__submit:hover{
  background-color: #fff;
  color: #000 !important;
}

.custom-button{
  position: absolute;
  padding: 5px 60px;
  font-size: 1.15rem;
  z-index: 5;
}
.white-button{
  background-color: #fff;
  color: #A2CF45;
}
.white-button:hover{
  background-color: #4A92CE;
  color: #fff;
}

.green-button{
  background-color: #A2CF45;
  color: #fff;
}

#home-button{
  margin: 50px;
  bottom: 0;
  left: 18%;
}
#home-button:hover{
  background-color: #000;
}
@media only screen and (max-width:960px){
  #home-button{bottom: -35px; left: 10%;}
}

#footer-button p{
  color: #fff;
  font-weight: 900;
  text-align: left;
}

@media only screen and (max-width:640px){
  #footer-button p{ text-align: center; }
}

#tm-bottom{
  /* -webkit-box-shadow: inset 0px -100px 118px 19px rgba(0,0,0,0.19);
  -moz-box-shadow: inset 0px -100px 118px 19px rgba(0,0,0,0.19);
  box-shadow: inset 0px -100px 118px 19px rgba(0,0,0,0.19); */
  -webkit-box-shadow: inset 0px -51px 118px 19px rgba(0,0,0,0.19);
  -moz-box-shadow: inset 0px -51px 118px 19px rgba(0,0,0,0.19);
  box-shadow: inset 0px -51px 118px 19px rgba(0,0,0,0.19);
}

.top-footer-section > div > .uk-container{
  max-width: none;
}

.top-footer{
  padding-bottom: 60px;
  padding-top: 30px;
}

.top-footer > div:nth-of-type(4){
  flex:2;
}

@media only screen and (min-width: 640px){
  .top-footer > div:nth-of-type(4) h6, .top-footer .footer-contact{
    max-width: 400px;
  }
}

.top-footer > div:nth-of-type(3) ul{
  line-height: 1.3;
}

.top-footer h6{
  margin: 0;
  font-weight: 900;
  padding-top: 20px;
}

.top-footer ul{
  margin-top: 10px;
}

.bottom-footer{
  background-color: #fff;
  text-align: center;
}

.bottom-footer a{
  color: #A2CF45;
  padding: 5px;
}

#footer#13{
  padding: 5px;
}


/* --------------------------------------- */
/*              MBR PAGE STYLES           */
/* ------------------------------------- */

.uk-grid, .uk-grid-margin{
  margin-left: 0 !important;
  margin-top: 0 !important;
}

.images-row > div{
  padding: 0;
  overflow: hidden;
}

.images-row img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 960px){
  .mbr-page .images-row{ height: auto; }
}

@media only screen and (min-width: 960px){
.mbr-page .slider-header .wk-margin{ width: 550px; }
}

#grid-item-mbr2{
  background: none;
}
#grid-item-mbr3{
  background: none;
}

#grid-item-mbr4::after{
  background: url("/images/mbr/icon1.png");
}

#grid-item-mbr5, #grid-item-mbr6{
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

@media only screen and (max-width: 960px){
  #grid-item-mbr5, #grid-item-mbr6{ height: 540px; }
}


#grid-item-mbr5 div, #grid-item-mbr6 div{
  padding: 60px;
  padding-top: 330px;
  width: 300px;
}
/* #grid-item-mbr5 div p, #grid-item-mbr6 div p{
  margin-bottom: 0;
} */

#grid-item-mbr5 p, #grid-item-mbr5 h5{
  color: #fff;
}

#grid-item-mbr5::after{
  background: url('/images/mbr/icon2.png') no-repeat;
  /* background-position: 155px 50% !important; */
  background-position: 70% 50% !important;
  /* -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; */
}
#grid-item-mbr6{
  background: none;
}
#grid-item-mbr6::after{
  background: url('/images/mbr/icon3.png') no-repeat;
  background-position: 185px 50% !important;
}

#mbr-inner-grid > div{
  padding: 0;
  margin:0;
}

@media only screen and (max-width: 960px){
  #grid-item-mbr6::after, #grid-item-mbr5::after{
    background-position: 100px 20% !important;
  }
}
@media only screen and (min-width: 1560px){
  #mbr-inner-grid > div:nth-child(odd){
    width:72%;
    /* background-color: #4A92CE; */
  }
  #mbr-inner-grid > div:nth-child(even){
    width:28%;
    /* background-color: #A2CF45; */
  }
}
.inner-grid{
  height: 230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 900;
  text-align: center;
  padding: 20px;
}
.inner-grid.blue p{
  max-width: 200px;
  margin: auto 20px auto auto;
}
 .grid-number{
  font-size: 10rem;
  font-weight: 900;
  color: #79ABD8;
 }

.inner-grid-right{
 float: right;
 margin: auto 20px auto auto;
}

@media only screen and (max-width: 576px){
  .inner-grid p{ font-size: .92rem; }
  .grid-number{ font-size: 6rem; }
}

 .complex-columns{
   margin-top: 0 !important;
   margin-bottom: 0 !important;
   background: url("/images/mbr/inner-grid-back2.jpg") no-repeat;
   /* background-position: top left; */
   background-position: -190px 0;
   background-size: 50% auto;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: flex-end;
 }
/*
 .complex-columns > div:first-child{
   padding-top: 6% !important;
 } */

 .complex-columns > div:nth-child(2) > div, .complex-columns > div:nth-child(2) > div > div{
   height: 100%;
 }

 .complex-columns .uk-grid-margin {
   margin-top: 0 !important;
 }

.mbr-text-container{
  max-width: 650px;
  padding: 70px 50px;
  color: #fff;
}

.mbr-text-container h5{
  font-size: 2.2rem;
  font-weight: 900;
  color: #A2CF45;
}
@media only screen and (max-width:500px){
  .mbr-text-container h5{ font-size: 1.5rem; }
}

.mbr-text-container h6{
  font-size: 1.2rem;
  font-weight: 900;
  color: #fff;
}

.mbr-text-container p{
  font-size: 1.4rem;
}

.mbr-text-container > div{
  text-align: center;
  padding: 50px 0 0;
}

.mbr-text-container > div > h5{
  font-size: 2rem;
  font-weight: 600;
  text-align: left;
}
@media only screen and (max-width:500px){
  .mbr-text-container > div > h5{ font-size: 1.3rem; }
}

.mbr-text-container > div > p{
  font-size: 1.1rem;
  text-align: justify;
}

.mbr-last-grid, .mbr-last-grid p{
  margin-top: 0 !important;
  color: #fff;
  font-size: 1.2rem;
}

.text-last-grid h5{
  font-weight: 900;
  font-size: 2rem;
  color:#fff;
}

.grid-map{
  text-align: center;
  position: relative;
  text-transform: uppercase;
}

.mbr-last-grid .legend-box{
  position: absolute;
  top: 20px;
  left: 20px;
}

.mbr-last-grid .legend-box p{
  color: #000;
  font-size: .9rem;
  letter-spacing: .03rem;
}

.legend-box2{
  left: auto !important;
  right: 25px;
}

.grid-map h6{
  font-size: 1.9rem;
  font-weight: 900;
}
.grid-map h6 span{
  color: #4A92CE;
}

.mbr-last-grid .legend-box > div{
  width: 70px;
  border:1px solid #000;
}
.mbr-last-grid .legend-box > div > div{
  width: 60px;
  height: 14px;
  margin: 3px auto;
  border:1px solid #000;
  background-color: #82A2FF;
}

.mbr-last-grid .text-last-grid img{
  padding-bottom: 20px;
}

.workers-grid img{
  padding: 20px;
  width: 18%;
}

 .last-grid-icon{
  text-align: center;
  font-weight: 900;
  width: 300px;
}

.nice-text p{
  font-size: 1.05rem;
  color: #fff;
}
#last-grid8 p{
  font-size: 1.8rem;
}
#last-grid11 p{
  color: inherit;
}

#last-grid10::after{
  background: url('/images/mbr/icon8.png') no-repeat;
  background-position: 25% 60% !important;
}
@media only screen and (max-width:500px){
  #last-grid10::after{ background-position: 55% 90% !important; }
}
#last-grid10{
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  height: 500px!important;
}
#last-grid10 h5{
  padding: 40px;
  font-size: 2.1rem;
  width: 550px;
}
#last-grid10.grid10ru h5{
  padding: 40px;
  font-size: 1.5rem;
  width: 550px;
}
#last-grid10 p{
  color:#000;
}

@media only screen and (max-width:960px){
  #last-grid9, #last-grid11, #last-grid12{ -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }
  #last-grid10 h5{ font-size: 1.6rem; width: auto; }
  .workers-container{ max-height: auto; padding: 40px 0; }
  #grid-row1 .text-right, #grid-row5 .text-right, #contact-grid1 .text-right, #contact-grid5 .text-right{ text-align: left; }
  #last-grid10.grid10ru h5{ width: auto; }
}

.full-grid .uk-container{
  max-width: 100%;
}

.image-max, .image-max img, #realizacje-grid-2 img, #grid-row1 > div:nth-child(2), #grid-row5 > div:nth-child(2) div, #grid-row6 > div:first-child div, #grid-row6 > div:first-child div img{
  height: 100%;
}

.image-max{
  min-height: auto;
}

.image-max img{
  width: 100%;
}

#realizacje-grid-2{
  background-color: #BEC6C9;
  text-align: center;
}

#realizacje-grid10{
  background-color: #F3F7FB;
  text-align: center;
}

#realizacje-grid12 div{
  padding: 20px 50px;
  max-width: 700px;
}

#realizacje-grid12 span:first-child, #contact-grid5 span:first-child{
  color: #4A92CE;
}

#realizacje-grid10 h5{
  color: #B50814;
  font-size: 1.95rem;
  font-weight: 900;
  padding-top: 13%;
}

#realizacje-grid10 img{
  padding: 30px 5%;
}

@media only screen and (max-width:960px){
  #realizacje-grid12{ height: auto;}
}

/* --------------------------------------- */
/*              LINE PAGE STYLES           */
/* ------------------------------------- */

.slider-header.small-font .wk-margin {
  font-size: 1.6rem;
}

.slider-header.small-font ul li .wk-overlay-panel > div {
    top: 30%;
  }

  /* .half-grid-item{
    margin: 0 !important;
  } */

  /* .half-grid-item.half-and-half{
    height: 438px;
  } */

@media only screen and (min-width:960px){
  /* .half-and-half > div{
    width: 50%;
  }
  .half-grid-item, .half-grid-item.half-and-half{
    height: 250px;
  } */
  .slider-header.small-font .wk-margin {
    font-size: 1.8rem;
    width: 700px;
  }
}

/* .half-and-half > div:first-child{
  padding-left: 0;
}

.half-and-half > div:first-child, .half-and-half > div:nth-child(2), .image-bottom{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

 .image-bottom{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

@media only screen and (min-width:960px){
  .image-bottom{ padding-left: 40px; }
} */

 /* .image-top{
   text-align: end;
} */

.image-top{
  position: relative;
}

.image-top img{
  height: 100%;
}

#line-video-grid{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#line-section{
  background: url("/images/line/line-back-bottom.jpg") no-repeat;
  background-position: 72% 100%;
}

#kontakt-grid-section .uk-container .uk-grid:nth-child(4) .uk-first-column > div{
  height: 100%;
}

#kontakt-grid-section iframe{
  width: 100%;
  height: 100%;
}

@media only screen and (max-width:960px){
  #line-section .text-right{ text-align: left;}
   .image-top img{ height: auto; }
}

/* --------------------------------------- */
/*              REALIZACJE PAGE STYLES           */
/* ------------------------------------- */

#realizacje-last-section{
  background: url("/images/realizacje/realizacje-back-bottom.jpg") no-repeat;
  background-position: 50% 100%;
  background-size: 50% 100%;
}


/* --------------------------------------- */
/*              CONTACT PAGE STYLES           */
/* ------------------------------------- */

#contact-top .contact-top-content{
  height: 100px;
}

#contact-grid1 p{
  font-size: 1.1rem;
}

#form{
  padding: 0 8%;
}
#form input{
  border: none;
  border-bottom: 2px solid #4A92CE;
  margin-right: 5%;
  margin-bottom: 40px;
}
#form textarea{
  border: 2px solid #4A92CE;
}
#form .form__submit{
  border: none;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 300;
  background-color: #A2CF45;
  height: 55px;
  width: 100%;
}
#form .form__submit:hover{
  border: 1px solid #000;
}

@media only screen and (min-width:960px){
  #contact-top .contact-top-content{ height: 175px; }
  #form{ width: 500px; padding: 0 20%; }
  #form input{ float: left; width: 40%; }
  #form .form__submit{ width: 85%; }
  #form textarea{ width: 85%; }
  #contact-grid1 p{ font-size: 1.1rem; }
}


/* Animations */

/* .animate{ opacity:0; transition:all .2s ease-in; }
.js-animate{ opacity:1; } */



/* .animate-left, .animate-right{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate-left.js-animate{
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.animate-right.js-animate{
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
} */