.body-oplaty{
  font-family: 'Dosis', 'Lato';
  font-size:14pt;
}
#header-oplaty{
  margin-top:0;
}
#baner-oplaty{
  height:600px;
  background-size:cover;
  background-position: 50% 50%;
  background-repeat:no-repeat;
  margin-bottom:60px;
  color:#fff;
  text-align:center;
}
#baner-inner {
  background: -webkit-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.1));
  background: -o-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.1));
  background: -moz-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.1));
  background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.1));
  width: 100%;
  height: 100%;
  padding-top: 40px;
}
.points-icon{
  margin-bottom:20px;
}
.points-header{
  font-size:28pt;
  line-height:130%;
  font-weight:200;
  margin-bottom:30px;
}
#logo-oplaty{
  position: relative;
  z-index: 100;
  background: url('images/logo_white.svg') 50% 0% no-repeat;
  background-size: 260px;
  height: 130px;
  margin:0 auto;
  display: block;
  font-weight:300;
  font-size:24pt;
  width:300px;
  text-align:center;
  padding-top:80px;
  margin-bottom:60px;
}
#form-mail{
  margin-top:60px;
}
#email-form{
  height:50px;
  margin-right:10px;
  background-color:#fff;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border:0;
  color:#000;
}
.email-redirect{
  height:50px;
  font-weight:500;
  font-size:16pt;
  line-height:50px;
  background-color:#0BA9F1;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  cursor:pointer;
}
#cennik{
  margin-top:60px;
}
.description{
  font-weight:200;
}
#opis-produktu{
  margin-top:30px;
  padding:30px 0;
  background-color:#ebebeb;
}
#pobierz-pdf{
  background-color:#414550;
  color:#fff;
  padding:30px 0;
}
#pobierz-pdf .header{
  font-size:18pt;
  margin-bottom:20px;
}
#pobierz-pdf input{
  margin-bottom:15px;
}
.input-field{
  height:50px;
  margin-right:10px;
  background-color:#fff;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border:0;
  color:#000;
  width:93%;
  padding-left:10px;
}
.get-pdf{
  height:50px;
  font-weight:500;
  font-size:16pt;
  line-height:50px;
  background-color:#0BA9F1;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  cursor:pointer;
  border:0;
  color:#fff;
}
a:hover{
  text-decoration:none;
}
#error-email, #error-phone, #error-rule1, #error-rule2{
  color: red; 
}
.rules, .rules label{
  font-weight:400;
  font-size:12pt;
}
#pobierz-pdf .hidden-fields{
  display:none;
}
#submit-form-info{
  position: fixed;
  background-color:rgba(80,80,80,0.9);
  color:#fff;
  font-size:20pt;
  font-weight:400;
  z-index: 100;
  top: 20vh;
  left:0;
  line-height:28pt;
  padding:20px 30px;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;  
}
.close-window {
  position: absolute;
  right: -16px;
  top: -16px;
  width: 50px;
  height: 50px;
  opacity: 0.9;
  border-radius: 50%;
  background-color:#fff;
  color: #fff;
  padding: 20px;
  cursor:pointer;
}
.close-window:hover {
  opacity: 1;
}
.close-window:before, .close-window:after {
  position: absolute;
  left: 23px;
  top:13px;
  content: '';
  height: 25px;
  width: 3px;
  background-color: #333;
}
.close-window:before {
  transform: rotate(45deg);
}
.close-window:after {
  transform: rotate(-45deg);
}
#bottom-baner{
  height:450px;
  background-size:cover;
  background-position: 50% 50%;
  background-repeat:no-repeat;
  margin-bottom:30px;
  color:#fff;
  text-align:center;
}
#bottom-baner-inner {
  background: -webkit-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.1));
  background: -o-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.1));
  background: -moz-linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.1));
  background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.1));
  width: 100%;
  height: 100%;
  padding-top: 70px;
}
.email-redirect.bottom-position{
  margin-top:60px;
}
#footer{
  margin-bottom:30px;
}
#facebook{
  background:url('images/icons.svg') 50% -590px no-repeat;
  background-size: 50px;
  height:50px;
}
#youtube{
  background:url('images/icons.svg') 50% -655px no-repeat;
  background-size: 50px;
  height:50px;
}

#login-container{
  position:absolute;
  color:#fff;
  font-size:12pt;
  font-weight:400;
  z-index: 100;
  top: 2vh;
  right:2vw;
  padding:10px 20px;
}
#login{
  font-weight:500;
  font-size:12pt;
  text-align:center;
  background-color:#0BA9F1;
  color:#fff;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  cursor:pointer;
}

.loader {
  border: 6px solid #f3f3f3; /* Light grey */
  border-top: 6px solid #ee2e24; /* Blue */
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
  margin: 0 auto;
  position: absolute;
  left: 50%;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (max-width: 767px) {
  #baner{
    padding-top: 20px;
  }
  #logo{
    margin-bottom:30px;
  }
  #form-mail{
    margin-top:30px;
  }
  #email-form{
    margin-right:0px;
    margin-bottom:15px;
  }
  input{
    width:100%;
  }
  #logo-black{
    background-position:50% 0%;
  }
}