@charset "utf-8";
.header-bar {background:#fbfbfb}
.header-bar-inside {padding-top:30px;padding-bottom:30px}
.hastop{font-size:13px;padding-top:16px}
.banner-bg {background:url(../images/hpeform.jpg)center center no-repeat;background-size:cover;}
.banner-inside {color:#fff;font-size:15px;}

.slogan-bold {
	font-weight: bold;
	font-size: 50px;
	width: 70%;
	line-height: 50px;
	padding-bottom: 15px;
    padding-top:30px
}
.slogan-thin{font-weight: normal;font-size:26px}

p{font-size:16px}

.display-none-mobile img{display:block;margin:0 auto}


.green-block{display:block;width:90px;border-bottom:solid 10px #2ad2c9;margin-top:20px;margin-bottom:20px}
.orange-block{display:block;width:90px;border-bottom:solid 10px #ff8d6d;margin-top:20px;margin-bottom:20px}

.mar30{margin-top:30px;margin-bottom:30px}
.wywiad{font-size:16px;color:#515c62}
.bg-f6{background:#f6f6f6;color:#515c62;padding-top:70px;padding-bottom:100px}

.link-green{margin:0 auto;padding: 10px 15px 10px 15px;background: #01a982;color: #fff;text-decoration: none;font-weight: bold;font-size: 13px;width:150px;display:block}
.link-green:hover{color:#fff;text-decoration:none;}
.link-green-2{;padding: 10px 15px 10px 15px;background: #01a982;color: #fff;text-decoration: none;font-weight: bold;font-size: 20px;width:250px;display:block;text-align:center;margin-top:20px;margin-bottom:5px;border:0;}
.link-green-2:hover{color:#fff;text-decoration:none;}

.container-z66 a{
  bottom: 0px;
  width: 100%;
  height: 0;
  transition-timing-function: ease-in;
  transition: 0.8s;
  transform: translateY(0);
  z-index: 10;
  text-align: center;
  color:#01a982;
}

.kontakt{font-size:12px!important;font-weight:bold;color:#000}
.mar50{margin-bottom:130px}
.logo{margin-top:60px;margin-bottom:15px;height:45px}

.logo-top2{margin-left:0;margin-top:10px}
@media only screen and (max-width: 980px) {
    .slogan{left:10px;padding-top:30px}
    .logos{width:100%}
	.logo-top2 {
		margin-left: 0;
		margin-top: 33px;
		margin-bottom: 25px;
	}
.hastop{font-size:12px;padding-top:26px}
.slogan{bottom:110px}
.slogan-bold {
	font-weight: bold;
	font-size: 40px;
	line-height: 42px;
	width: 95%;
}
.slogan-thin{font-weight: normal;font-size:15px}
.banner-bg {background:url(../images/hpeform.jpg)center -50px no-repeat;background-size:cover}
.banner-inside {color:#fff;font-size:15px;min-height:410px}
    
.margin-box-1 {margin-top:50px;margin-bottom:30px}
.margin-box-2 {margin-bottom:50px}
    
  .waves {background:url( "../images/waves.jpg")center top no-repeat}
.white-box{background: rgba(255, 255, 255, 0.8);padding:20px}
.white-box h3 {font-weight:bold;font-size:26px}
.white-box p {margin-bottom:35px}
.white-box a{padding: 10px 15px 10px 15px;background:#01a982;color:#fff;text-decoration:none;text-align:riht;font-weight:bold;font-size:13px;}
.p35{padding-top:35px;padding-bottom:35px}


    .movies{width:100%;margin:0 auto;height:auto;padding-bottom:40px}
     .free-box{width:100%;margin:0 auto;height:auto;padding-bottom:40px}
.movie-card{width:95%;height:370px;position:relative;background:#fff;float:none;margin-left:5px;margin-right:5px;margin-bottom:20px!important;margin:0 auto;overflow:hidden}
    .movie-card img{width:100%}
.movie_panel {
	position: absolute;
	top: -26px;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 3px 16px 3px 16px;
	font-size: 13px;

}
.container-z {position:absolute;bottom:0px;

    padding: 2px 16px;color:#000;width:100%;
	background-color:  rgba(255, 255, 255, 1);
	border-radius: 0;overflow:visible;
    height:140px;
    transition-timing-function: ease-in;

  /* Quick on the way out */
  transition: 0.5s;

  /* Hide thing by pushing it outside by default */
  transform: translateY(0);
  z-index:10; 
	
}
.movie-card:hover > .container-z{position:absolute;
    bottom:0;
    padding: 2px 16px;color:#000;width:100%;
	background-color:  rgba(255, 255, 255, 1);
	border-radius: 0;height:140px;
	 transition-timing-function: ease-out;
	transition: 0.6s;
	transform: translateY(-40px);
	overflow:visible;	
}

.movie-card2{width:100%;height:515px;position:relative;background:#000;float:none;margin-left:0;margin-right:0;border-top:solid 3px #01a982;margin:0 uto;margin-bottom:25px!important}
.container-z2 {position:absolute;bottom:0px;

    padding: 2px 16px;color:#fff;width:100%;
	background-color:  rgba(0, 0, 0, 0);
	border-radius: 0;overflow:hidden;
    height:0;
    transition-timing-function: ease-in;

  /* Quick on the way out */
  transition: 0.8s;

  /* Hide thing by pushing it outside by default */
  transform: translateY(0);
  z-index:10;
    text-align:center
	
}

.movie-card2:hover > .container-z2{position:absolute;
    bottom:0;
    padding: 2px 16px;color:#fff;width:100%;
	background-color:  rgba(0, 0, 0, .7);
	border-radius: 0;height:100%;
	 transition-timing-function: ease-out;
	transition: 0.3s;
	transform: translateY(0);
    overflow:hidden;text-align:center}

.movie-card2:hover > .header-small-black{color:#fff;transition-timing-function: ease-in;transition: 0.3s;}

.link-video{background:#f1f1f1;padding:10px;position:absolute;bottom:0;left:0;width:100%;z-index:9}
.link-video a {color:#01a982;font-weight:bold;font-size:12px}
.link-video a:hover {color:#01a982;text-decoration:none}
.link-video:hover .arrow-r {display:inline-block;transform: translateX(8px);transition-timing-function: ease-in;transition: 0.4s;}

.big-header{    margin-bottom: 40px;
    padding-bottom: 0;
    padding-top: 60px;
    font-size: 27px;
    line-height: 42px;
    text-align: center;
}

.w1 {background:url( "../images/w1.jpg")left top no-repeat;background-size:cover}
.w2 {background:url( "../images/w2.jpg")left top no-repeat;background-size:cover}
.w3 {background:url( "../images/w3.jpg")left top no-repeat;background-size:cover}
.w4 {background:url( "../images/w4.jpg")left top no-repeat;background-size:cover}

.container-z2 p{padding: 160px 20px 20px 20px;font-size:16px!important;font-weight:100}
.container-z2 a {color:#01a982;font-weight:normal;font-size:13px;}
.container-z2 a:hover {text-decoration:none}
.container-z2 a:hover > .arrow-r {display:inline-block;transform: translateX(8px);transition-timing-function: ease-in;transition: 0.4s;}

.header-small-white {color:#fff;font-weight:bold;font-size:22px;position:absolute;width:100%;top:20px;z-index:20;text-align:center}
.header-small-black {color:#000;font-weight:bold;font-size:22px;position:absolute;width:100%;top:20px;z-index:20;text-align:center;transition-timing-function: ease-in;transition: 0.8s;}

.arrow-r{display:inline-block;transform: translateX(0);font-size:19px;transition-timing-function: ease-in;transition: 0.4s;}
.mh{min-height:50px}
.view-link {background:#01a982;color:#fff;font-weight:normal;font-size:16px;text-decoration:none;padding:10px 20px 10px 20px}
.view-link:hover {color:#fff;text-decoration:none}
.view-link:hover .arrow-r {display:inline-block;transform: translateX(8px);transition-timing-function: ease-in;transition: 0.4s;}

.banner-rds {
	width: 1323px;
	background: #000;
	clear: left;
	height: 120px;
	margin-left: 10px;
	
}

/*LIGHTBOX STYLE*/
.lightbox {
  display:none;
  position:fixed;
  z-index:999;
  top:0;
  left:0;
  width:100%;
  height:100%;
    background:rgba(0,0,0,0.8);}
  
  .lightbox-video {
    width:100%;
    padding-bottom:56%;
  }
  
  iframe {
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    right:0;
      
  }
  
  
  .lightbox-close {
    position:absolute;
    display:block;
    top: 10px;
    right: 10px;
    color:#ffffff;
    font-size:15px;
    height: 30px;
    width: 30px;
    background: rgba(186,0,1,1);
    border: 3px solid #ffffff;
    border-radius: 50%;
    line-height:23px;
    text-align:center;
      font-weight:bold;}
    
   .lightbox-close:hover {
      text-decoration: none;
      color:#fff;
      background: #f00;    
  }
  
  .lightbox-container {
    max-width: 1024px;
    margin:100px auto 25px;
  
}  
    
    .rds{background:url(images/bg2.jpg)center bottom no-repeat;padding-bottom:40px}
    .rds-inside{width:100%;margin:0 auto;}
    .display-none-mobile{display:block}
    .display-none-comp{display:none}
    .raed-it {
	padding: 10px 15px 10px 15px;
	background: #01a982;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 40px;
	display: block;
	width: 122px;
	text-align: center;
}
.raed-it:hover{color:#fff;text-decoration:none;opacity:.9}
    .margin-top-40-100{margin-top:40px}
    h1{font-weight:bold;font-size:25px}
h2{font-weight:bold;font-size:29px;color:#000}
    .line-bottom{margin-top:0;margin-bottom:45px;border-bottom:solid 1px #e5e5e5;padding-bottom:20px}
    
	}


@media (min-width:800px){
    .slogan{position: relative;padding-left:90px;padding-top:30px}
    .logos{width:50%}
 .movies{width:1350px;margin:0 auto;height:520px}
     .free-box{width:1350px;margin:0 auto;}


.waves {background:url( "../images/waves.jpg")center top no-repeat}
.white-box{background: rgba(255, 255, 255, 0.8);padding:20px}
.white-box h3 {font-weight:bold;font-size:26px}
.white-box p {margin-bottom:35px}
.white-box a{padding: 10px 15px 10px 15px;background:#01a982;color:#fff;text-decoration:none;text-align:riht;font-weight:bold;font-size:13px;}
.p35{padding-top:35px;padding-bottom:35px}

.margin-box-1 {margin-top:150px;margin-bottom:50px}
.margin-box-2 {margin-top:50px}

.movie-card{width:250px;height:310px;position:relative;background:#fff;float:left;margin-left:5px;margin-right:5px}
.movie_panel {
	position: absolute;
	top: -26px;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 3px 16px 3px 16px;
	font-size: 13px;

}
.container-z {position:absolute;bottom:0px;

    padding: 2px 16px;color:#000;width:100%;
	background-color:  rgba(255, 255, 255, 1);
	border-radius: 0;overflow:visible;
    height:140px;
    transition-timing-function: ease-in;

  /* Quick on the way out */
  transition: 0.5s;

  /* Hide thing by pushing it outside by default */
  transform: translateY(0);
  z-index:10; 
	
}
.movie-card:hover > .container-z{position:absolute;
    bottom:0;
    padding: 2px 16px;color:#000;width:100%;
	background-color:  rgba(255, 255, 255, 1);
	border-radius: 0;height:140px;
	 transition-timing-function: ease-out;
	transition: 0.6s;
	transform: translateY(-40px);
	overflow:visible;	
}

.movie-card2{width:312px;height:515px;position:relative;background:#000;float:left;margin-left:10px;margin-right:15px;border-top:solid 3px #01a982}
.container-z2 {position:absolute;bottom:0px;

    padding: 2px 16px;color:#fff;width:100%;
	background-color:  rgba(0, 0, 0, 0);
	border-radius: 0;overflow:hidden;
    height:0;
    transition-timing-function: ease-in;

  /* Quick on the way out */
  transition: 0.8s;

  /* Hide thing by pushing it outside by default */
  transform: translateY(0);
  z-index:10;
    text-align:center
	
}

.movie-card2:hover > .container-z2{position:absolute;
    bottom:0;
    padding: 2px 16px;color:#fff;width:100%;
	background-color:  rgba(0, 0, 0, .7);
	border-radius: 0;height:100%;
	 transition-timing-function: ease-out;
	transition: 0.3s;
	transform: translateY(0);
    overflow:hidden;text-align:center}

.movie-card2:hover > .header-small-black{color:#fff;transition-timing-function: ease-in;transition: 0.3s;}

.link-video{background:#f1f1f1;padding:10px;position:absolute;bottom:0;left:0;width:100%;z-index:9}
.link-video a {color:#01a982;font-weight:bold;font-size:12px}
.link-video a:hover {color:#01a982;text-decoration:none}
.link-video:hover .arrow-r {display:inline-block;transform: translateX(8px);transition-timing-function: ease-in;transition: 0.4s;}

.big-header{    margin-bottom: 40px;
    padding-bottom: 0;
    padding-top: 60px;
    font-size: 40px;
    line-height: 42px;
    text-align: center;
}

.w1 {background:url( "../images/w1.jpg")left top no-repeat}
.w2 {background:url( "../images/w2.jpg")left top no-repeat}
.w3 {background:url( "../images/w3.jpg")left top no-repeat}
.w4 {background:url( "../images/w4.jpg")left top no-repeat}

.container-z2 p{padding: 160px 20px 20px 20px;font-size:16px!important;font-weight:100}
.container-z2 a {color:#01a982;font-weight:normal;font-size:13px;}
.container-z2 a:hover {text-decoration:none}
.container-z2 a:hover > .arrow-r {display:inline-block;transform: translateX(8px);transition-timing-function: ease-in;transition: 0.4s;}

.header-small-white {color:#fff;font-weight:bold;font-size:22px;position:absolute;width:100%;top:20px;z-index:20;text-align:center}
.header-small-black {color:#000;font-weight:bold;font-size:22px;position:absolute;width:100%;top:20px;z-index:20;text-align:center;transition-timing-function: ease-in;transition: 0.8s;}

.arrow-r{display:inline-block;transform: translateX(0);font-size:19px;transition-timing-function: ease-in;transition: 0.4s;}
.mh{min-height:300px}
.view-link {background:#01a982;color:#fff;font-weight:normal;font-size:16px;text-decoration:none;padding:10px 20px 10px 20px}
.view-link:hover {color:#fff;text-decoration:none}
.view-link:hover .arrow-r {display:inline-block;transform: translateX(8px);transition-timing-function: ease-in;transition: 0.4s;}

.banner-rds {
	width: 1323px;
	background: #000;
	clear: left;
	height: 120px;
	margin-left: 10px;
	
}

/*LIGHTBOX STYLE*/
.lightbox {
  display:none;
  position:fixed;
  z-index:999;
  top:0;
  left:0;
  width:100%;
  height:100%;
    background:rgba(0,0,0,0.8);}
  
  .lightbox-video {
    width:100%;
    padding-bottom:56%;
  }
  
  iframe {
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    right:0;
      
  }
  
  
  .lightbox-close {
    position:absolute;
    display:block;
    top: 10px;
    right: 10px;
    color:#ffffff;
    font-size:15px;
    height: 30px;
    width: 30px;
    background: rgba(186,0,1,1);
    border: 3px solid #ffffff;
    border-radius: 50%;
    line-height:23px;
    text-align:center;
      font-weight:bold;}
    
   .lightbox-close:hover {
      text-decoration: none;
      color:#fff;
      background: #f00;    
  }
  
  .lightbox-container {
    max-width: 1024px;
    margin:100px auto 25px;
  
}
    .rds{background:url(images/bg2.jpg)center bottom no-repeat;height:1000px}
    .rds-inside{width:1350px;margin:0 auto;padding-bottom:45px}
    .display-none-mobile{display:none}
    .display-none-comp{display:block}
    .raed-it{    padding: 10px 15px 10px 15px;
    background: #01a982;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}
.raed-it:hover{color:#fff;text-decoration:none;opacity:.9}
     .margin-top-40-100{margin-top:100px}
    h1{font-weight:bold;font-size:31px}
h2{font-weight:bold;font-size:36px;color:#000}
    .line-bottom{margin-top:30px;margin-bottom:45px;border-bottom:solid 1px #e5e5e5;padding-bottom:20px}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .m785 {transform:scale(2.5)}
}